#322409#322409
#322409 is a dark, muted orange. Relative luminance 0.020; OKLCH L 27.1% C 0.046 H 80.9°. Best body text is #FFFFFF at 15.09:1 contrast (WCAG AA passes).
Color values
| HEX | #322409 |
|---|---|
| RGB | rgb(50, 36, 9) |
| HSL | hsl(40, 69%, 12%) |
| HSV | hsv(40, 82%, 20%) |
| CMYK | cmyk(0%, 28%, 82%, 80.4%) |
| CIE-LAB | lab(15.27, 3.14, 18.73) |
| CIE-LCH | lch(15.27, 18.99, 80.49°) |
| OKLab | oklab(27.08% 0.0072 0.0451) |
| OKLCH | oklch(27.08% 0.046 80.9) |
| XYZ | xyz(1.9957, 1.9597, 0.5315) |
| Luminance | 0.0196 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Dark Brown
#341C02
ΔE00 6.54
Espresso
#4B382A
ΔE00 9.34
Chocolate (survey)
#3D1C02
ΔE00 9.84
Chocolate Brown
#411900
ΔE00 12.26
Mud Brown
#60460F
ΔE00 13.86
Walnut
#5C4A3D
ΔE00 14.32
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#322409 #091732
analogous
#321009 #322409 #2C3209
triadic
#322409 #093224 #240932
tetradic
#322409 #093210 #091732 #32092C
square
#322409 #093210 #091732 #32092C
split-complementary
#322409 #092C32 #100932
monochromatic
#1A1305 #1A1305 #322409 #664912 #9A6F1C
Accessibility & contrast
On white
15.09
#322409 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.39
#322409 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #322409
15.09:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##322409 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##322409 | 1.00 | 15.09 | 1.39 | 15.09 |
| #FFFFFF | 15.09 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.39 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.09 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#2A2406
Deuteranopia (green-blind)
#2D280A
Tritanopia (blue-blind)
#37201E
Achromatopsia (no color)
#262626
Design tokens & code
CSS
--color: #322409; /* rgb */ color: rgb(50, 36, 9); /* oklch */ color: oklch(27.1% 0.046 80.9);
Tailwind
colors: {
custom: {
50: '#6c5e4b',
500: '#322409',
950: '#000000',
},
}SCSS
$custom: #322409; $custom-light: #6c5e4b; $custom-dark: #000000;
JSON
{
"hex": "#322409",
"rgb": {
"r": 50,
"g": 36,
"b": 9
},
"hsl": {
"h": 39.512,
"s": 69.492,
"l": 11.569
},
"oklch": {
"l": 0.27077,
"c": 0.04569,
"h": 80.9
},
"luminance": 0.0196
}Semantic roles & 50–950 ramp
primary
#322409
secondary
#274070
accent
#78EC3B
background
#F6F5F4
surface
#EBE9E7
border
#C6C5C3
text
#070401
muted
#7A7977