#F38020 Color (Hex and RGB)
#F38020
#f38020 has RGB values (243, 128, 32). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #F38020 | RF3G80B20 | |
| RGB | rgb(243 128 32) | R243G128B32 | |
| HSL | hsl(27 90% 54%) | H27°S90%L54% | |
| OKLCH | oklch(72% 0.17 53) | L0.72C0.17H53° | |
| HSV | hsv(27, 87%, 95%) | H27°S87%V95% | |
| CMYK | cmyk(0%, 47%, 87%, 5%) | C0%M47%Y87%K5% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11110011 | 10000000 | 00100000 |
| Octal | 363 | 200 | 40 |
| Decimal | 243 | 128 | 32 |
| Hex | f3 | 80 | 20 |
Shades & tints
Shades mix #F38020 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #F380200%
- #DE751D9%
- #CA6A1B17%
- #B55F1826%
- #A0541534%
- #8C4A1243%
- #773F1051%
- #62340D59%
- #4E290A68%
- #391E0877%
- #24130585%
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
#F38020 on #FFFFFF
2.65:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#F38020 on #000000
7.92:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #F38020
2.65:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #F38020
7.92:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #f38020; - Background
background-color: #f38020; - CSS variable
--color-f38020: #f38020; - Modern CSS
color: oklch(72% 0.17 53); - SCSS
$color-f38020: #f38020; - Tailwind
bg-[#f38020] text-[#f38020] - HTML
<div style="background-color: #f38020"></div>