#A67A00 Color (Hex and RGB)
#A67A00
#a67a00 has RGB values (166, 122, 0). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #A67A00 | RA6G7AB00 | |
| RGB | rgb(166 122 0) | R166G122B0 | |
| HSL | hsl(44 100% 33%) | H44°S100%L33% | |
| OKLCH | oklch(61% 0.12 83) | L0.61C0.12H83° | |
| HSV | hsv(44, 100%, 65%) | H44°S100%V65% | |
| CMYK | cmyk(0%, 27%, 100%, 35%) | C0%M27%Y100%K35% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 10100110 | 01111010 | 00000000 |
| Octal | 246 | 172 | 0 |
| Decimal | 166 | 122 | 0 |
| Hex | a6 | 7a | 00 |
Shades & tints
Shades mix #A67A00 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #A67A000%
- #9870009%
- #8A650017%
- #7C5B0026%
- #6E510034%
- #5F460043%
- #513C0051%
- #43310059%
- #35270068%
- #271D0077%
- #19120085%
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
#A67A00 on #FFFFFF
3.89:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#A67A00 on #000000
5.41:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #A67A00
3.89:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #A67A00
5.41:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #a67a00; - Background
background-color: #a67a00; - CSS variable
--color-a67a00: #a67a00; - Modern CSS
color: oklch(61% 0.12 83); - SCSS
$color-a67a00: #a67a00; - Tailwind
bg-[#a67a00] text-[#a67a00] - HTML
<div style="background-color: #a67a00"></div>