#F14728 Color (Hex and RGB)
#F14728
#f14728 has RGB values (241, 71, 40). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #F14728 | RF1G47B28 | |
| RGB | rgb(241 71 40) | R241G71B40 | |
| HSL | hsl(9 88% 55%) | H9°S88%L55% | |
| OKLCH | oklch(64% 0.21 33) | L0.64C0.21H33° | |
| HSV | hsv(9, 83%, 95%) | H9°S83%V95% | |
| CMYK | cmyk(0%, 71%, 83%, 5%) | C0%M71%Y83%K5% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11110001 | 01000111 | 00101000 |
| Octal | 361 | 107 | 50 |
| Decimal | 241 | 71 | 40 |
| Hex | f1 | 47 | 28 |
Shades & tints
Shades mix #F14728 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #F147280%
- #DD41259%
- #C83B2117%
- #B4351E26%
- #9F2F1A34%
- #8B291743%
- #76231451%
- #621D1059%
- #4D170D68%
- #39110977%
- #240B0685%
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
#F14728 on #FFFFFF
3.70:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#F14728 on #000000
5.67:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #F14728
3.70:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #F14728
5.67:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #f14728; - Background
background-color: #f14728; - CSS variable
--color-f14728: #f14728; - Modern CSS
color: oklch(64% 0.21 33); - SCSS
$color-f14728: #f14728; - Tailwind
bg-[#f14728] text-[#f14728] - HTML
<div style="background-color: #f14728"></div>