#F79400 Color (Hex and RGB)
#F79400
#f79400 has RGB values (247, 148, 0). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #F79400 | RF7G94B00 | |
| RGB | rgb(247 148 0) | R247G148B0 | |
| HSL | hsl(36 100% 48%) | H36°S100%L48% | |
| OKLCH | oklch(75% 0.17 65) | L0.75C0.17H65° | |
| HSV | hsv(36, 100%, 97%) | H36°S100%V97% | |
| CMYK | cmyk(0%, 40%, 100%, 3%) | C0%M40%Y100%K3% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11110111 | 10010100 | 00000000 |
| Octal | 367 | 224 | 0 |
| Decimal | 247 | 148 | 0 |
| Hex | f7 | 94 | 00 |
Shades & tints
Shades mix #F79400 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #F794000%
- #E287009%
- #CD7B0017%
- #B86E0026%
- #A3620034%
- #8E550043%
- #79490051%
- #643C0059%
- #4F2F0068%
- #3A230077%
- #25160085%
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
#F79400 on #FFFFFF
2.28:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#F79400 on #000000
9.19:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #F79400
2.28:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #F79400
9.19:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #f79400; - Background
background-color: #f79400; - CSS variable
--color-f79400: #f79400; - Modern CSS
color: oklch(75% 0.17 65); - SCSS
$color-f79400: #f79400; - Tailwind
bg-[#f79400] text-[#f79400] - HTML
<div style="background-color: #f79400"></div>