#F24E1E Color (Hex and RGB)
#F24E1E
#f24e1e has RGB values (242, 78, 30). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #F24E1E | RF2G4EB1E | |
| RGB | rgb(242 78 30) | R242G78B30 | |
| HSL | hsl(14 89% 53%) | H14°S89%L53% | |
| OKLCH | oklch(65% 0.21 36) | L0.65C0.21H36° | |
| HSV | hsv(14, 88%, 95%) | H14°S88%V95% | |
| CMYK | cmyk(0%, 68%, 88%, 5%) | C0%M68%Y88%K5% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11110010 | 01001110 | 00011110 |
| Octal | 362 | 116 | 36 |
| Decimal | 242 | 78 | 30 |
| Hex | f2 | 4e | 1e |
Shades & tints
Shades mix #F24E1E with black; tints mix it with white. Click any swatch to explore it.
Shades
- #F24E1E0%
- #DD471B9%
- #C9411917%
- #B43A1626%
- #A0331434%
- #8B2D1143%
- #77260F51%
- #62200C59%
- #4D190A68%
- #39120777%
- #240C0585%
Tints
Color harmonies
Similar brand colors
The closest colors from our brand palettes, measured in OKLab.
Contrast & accessibility
WCAG 2.1 contrast against white and black. Test other pairs in the contrast checker.
Aa
#F24E1E on #FFFFFF
3.57:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#F24E1E on #000000
5.88:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #F24E1E
3.57:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #F24E1E
5.88:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #f24e1e; - Background
background-color: #f24e1e; - CSS variable
--color-f24e1e: #f24e1e; - Modern CSS
color: oklch(65% 0.21 36); - SCSS
$color-f24e1e: #f24e1e; - Tailwind
bg-[#f24e1e] text-[#f24e1e] - HTML
<div style="background-color: #f24e1e"></div>