#A06D40#A06D40
#A06D40 is a mid, moderate orange. Relative luminance 0.188; OKLCH L 57.8% C 0.089 H 61.0°. Best body text is #000000 at 4.76:1 contrast (WCAG AA passes).
Color values
| HEX | #A06D40 |
|---|---|
| RGB | rgb(160, 109, 64) |
| HSL | hsl(28, 43%, 44%) |
| HSV | hsv(28, 60%, 63%) |
| CMYK | cmyk(0%, 31.9%, 60%, 37.3%) |
| CIE-LAB | lab(50.43, 15.41, 33.01) |
| CIE-LCH | lch(50.43, 36.43, 64.98°) |
| OKLab | oklab(57.84% 0.0431 0.0779) |
| OKLCH | oklch(57.84% 0.089 61) |
| XYZ | xyz(20.8926, 18.7827, 7.3746) |
| Luminance | 0.1878 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Earth
#A2653E
ΔE00 4.25
Mocha
#9D7651
ΔE00 4.25
Clay Brown
#B2713D
ΔE00 4.46
Leather
#AC7434
ΔE00 5.16
Sepia
#985E2B
ΔE00 5.47
Copper
#B87333
ΔE00 6.33
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#A06D40 #4073A0
analogous
#A04043 #A06D40 #A09D40
triadic
#A06D40 #40A06D #6D40A0
tetradic
#A06D40 #43A040 #4073A0 #9D40A0
square
#A06D40 #43A040 #4073A0 #9D40A0
split-complementary
#A06D40 #40A09D #4043A0
monochromatic
#49311D #744F2F #A06D40 #BF8C5E #D0AB8A
Accessibility & contrast
On white
4.42
#A06D40 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.76
#A06D40 on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #A06D40
4.76:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##A06D40 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A06D40 | 1.00 | 4.42 | 4.76 | 4.76 |
| #FFFFFF | 4.42 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.76 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.76 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#7D713C
Deuteranopia (green-blind)
#897D41
Tritanopia (blue-blind)
#AD6262
Achromatopsia (no color)
#787878
Design tokens & code
CSS
--color: #a06d40; /* rgb */ color: rgb(160, 109, 64); /* oklch */ color: oklch(57.8% 0.089 61.0);
Tailwind
colors: {
custom: {
50: '#bf9776',
500: '#a06d40',
950: '#000000',
},
}SCSS
$custom: #a06d40; $custom-light: #bf9776; $custom-dark: #000000;
JSON
{
"hex": "#a06d40",
"rgb": {
"r": 160,
"g": 109,
"b": 64
},
"hsl": {
"h": 28.125,
"s": 42.857,
"l": 43.922
},
"oklch": {
"l": 0.5784,
"c": 0.08906,
"h": 61
},
"luminance": 0.18781
}Semantic roles & 50–950 ramp
primary
#A06D40
secondary
#81A0BB
accent
#98D355
background
#FCF9F7
surface
#F8F2ED
border
#D1CCC8
text
#130D08
muted
#827E7B