#C7A008 Color (Hex and RGB)
#C7A008
#c7a008 has RGB values (199, 160, 8). The color reads primarily as orange in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #C7A008 | RC7GA0B08 | |
| RGB | rgb(199 160 8) | R199G160B8 | |
| HSL | hsl(48 92% 41%) | H48°S92%L41% | |
| OKLCH | oklch(72% 0.15 91) | L0.72C0.15H91° | |
| HSV | hsv(48, 96%, 78%) | H48°S96%V78% | |
| CMYK | cmyk(0%, 20%, 96%, 22%) | C0%M20%Y96%K22% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11000111 | 10100000 | 00001000 |
| Octal | 307 | 240 | 10 |
| Decimal | 199 | 160 | 8 |
| Hex | c7 | a0 | 08 |
Shades & tints
Shades mix #C7A008 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #C7A0080%
- #B692079%
- #A5850717%
- #94770626%
- #836A0534%
- #725C0543%
- #624E0451%
- #51410359%
- #40330368%
- #2F260277%
- #1E180185%
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
#C7A008 on #FFFFFF
2.48:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#C7A008 on #000000
8.46:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #C7A008
2.48:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #C7A008
8.46:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #c7a008; - Background
background-color: #c7a008; - CSS variable
--color-c7a008: #c7a008; - Modern CSS
color: oklch(72% 0.15 91); - SCSS
$color-c7a008: #c7a008; - Tailwind
bg-[#c7a008] text-[#c7a008] - HTML
<div style="background-color: #c7a008"></div>