#614810#614810
#614810 is a dark, moderate orange. Relative luminance 0.072; OKLCH L 41.8% C 0.078 H 82.9°. Best body text is #FFFFFF at 8.60:1 contrast (WCAG AA passes).
Color values
| HEX | #614810 |
|---|---|
| RGB | rgb(97, 72, 16) |
| HSL | hsl(41, 72%, 22%) |
| HSV | hsv(41, 84%, 38%) |
| CMYK | cmyk(0%, 25.8%, 83.5%, 62%) |
| CIE-LAB | lab(32.29, 4.79, 35.36) |
| CIE-LCH | lch(32.29, 35.68, 82.29°) |
| OKLab | oklab(41.81% 0.0096 0.077) |
| OKLCH | oklch(41.81% 0.078 82.9) |
| XYZ | xyz(7.3411, 7.2141, 1.4959) |
| Luminance | 0.0721 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Mud Brown
#60460F
ΔE00 0.80
Olive Brown
#645403
ΔE00 6.39
Mud
#735C12
ΔE00 7.55
Shit Brown
#7B5804
ΔE00 7.60
Poop Brown
#7A5901
ΔE00 7.79
Green Brown
#544E03
ΔE00 8.19
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#614810 #102961
analogous
#611F10 #614810 #526110
triadic
#614810 #106148 #481061
tetradic
#614810 #10611F #102961 #611052
square
#614810 #10611F #102961 #611052
split-complementary
#614810 #105261 #1F1061
monochromatic
#1A1304 #2C2107 #614810 #966F19 #CA9621
Accessibility & contrast
On white
8.60
#614810 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.44
#614810 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #614810
8.60:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##614810 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##614810 | 1.00 | 8.60 | 2.44 | 8.60 |
| #FFFFFF | 8.60 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.44 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.60 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#524806
Deuteranopia (green-blind)
#584F13
Tritanopia (blue-blind)
#6A403D
Achromatopsia (no color)
#4C4C4C
Design tokens & code
CSS
--color: #614810; /* rgb */ color: rgb(97, 72, 16); /* oklch */ color: oklch(41.8% 0.078 82.9);
Tailwind
colors: {
custom: {
50: '#927a53',
500: '#614810',
950: '#000000',
},
}SCSS
$custom: #614810; $custom-light: #927a53; $custom-dark: #000000;
JSON
{
"hex": "#614810",
"rgb": {
"r": 97,
"g": 72,
"b": 16
},
"hsl": {
"h": 41.481,
"s": 71.681,
"l": 22.157
},
"oklch": {
"l": 0.41805,
"c": 0.07761,
"h": 82.9
},
"luminance": 0.07214
}Semantic roles & 50–950 ramp
primary
#614810
secondary
#33539A
accent
#71EE39
background
#F9F7F4
surface
#F2EDE7
border
#CCC8C3
text
#0D0903
muted
#7E7B78