#F8CC07 Color (Hex and RGB)
#F8CC07
#f8cc07 has RGB values (248, 204, 7). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #F8CC07 | RF8GCCB07 | |
| RGB | rgb(248 204 7) | R248G204B7 | |
| HSL | hsl(49 95% 50%) | H49°S95%L50% | |
| OKLCH | oklch(86% 0.17 93) | L0.86C0.17H93° | |
| HSV | hsv(49, 97%, 97%) | H49°S97%V97% | |
| CMYK | cmyk(0%, 18%, 97%, 3%) | C0%M18%Y97%K3% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11111000 | 11001100 | 00000111 |
| Octal | 370 | 314 | 7 |
| Decimal | 248 | 204 | 7 |
| Hex | f8 | cc | 07 |
Shades & tints
Shades mix #F8CC07 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #F8CC070%
- #E3BB069%
- #CEA90617%
- #B9980526%
- #A4870534%
- #8F750443%
- #7A640351%
- #64530359%
- #4F410268%
- #3A300277%
- #251F0185%
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
#F8CC07 on #FFFFFF
1.54:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#F8CC07 on #000000
13.63:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #F8CC07
1.54:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #F8CC07
13.63:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #f8cc07; - Background
background-color: #f8cc07; - CSS variable
--color-f8cc07: #f8cc07; - Modern CSS
color: oklch(86% 0.17 93); - SCSS
$color-f8cc07: #f8cc07; - Tailwind
bg-[#f8cc07] text-[#f8cc07] - HTML
<div style="background-color: #f8cc07"></div>