#F58021 Color (Hex and RGB)
#F58021
#f58021 has RGB values (245, 128, 33). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #F58021 | RF5G80B21 | |
| RGB | rgb(245 128 33) | R245G128B33 | |
| HSL | hsl(27 91% 55%) | H27°S91%L55% | |
| OKLCH | oklch(72% 0.17 53) | L0.72C0.17H53° | |
| HSV | hsv(27, 87%, 96%) | H27°S87%V96% | |
| CMYK | cmyk(0%, 48%, 87%, 4%) | C0%M48%Y87%K4% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11110101 | 10000000 | 00100001 |
| Octal | 365 | 200 | 41 |
| Decimal | 245 | 128 | 33 |
| Hex | f5 | 80 | 21 |
Shades & tints
Shades mix #F58021 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #F580210%
- #E0751E9%
- #CB6A1B17%
- #B75F1926%
- #A2541634%
- #8D4A1343%
- #783F1051%
- #63340D59%
- #4E290B68%
- #3A1E0877%
- #25130585%
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
#F58021 on #FFFFFF
2.63:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#F58021 on #000000
7.99:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #F58021
2.63:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #F58021
7.99:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #f58021; - Background
background-color: #f58021; - CSS variable
--color-f58021: #f58021; - Modern CSS
color: oklch(72% 0.17 53); - SCSS
$color-f58021: #f58021; - Tailwind
bg-[#f58021] text-[#f58021] - HTML
<div style="background-color: #f58021"></div>