#3B2804#3B2804
#3B2804 is a dark, muted orange. Relative luminance 0.025; OKLCH L 29.3% C 0.057 H 78.8°. Best body text is #FFFFFF at 14.08:1 contrast (WCAG AA passes).
Color values
| HEX | #3B2804 |
|---|---|
| RGB | rgb(59, 40, 4) |
| HSL | hsl(39, 87%, 12%) |
| HSV | hsv(39, 93%, 23%) |
| CMYK | cmyk(0%, 32.2%, 93.2%, 76.9%) |
| CIE-LAB | lab(17.72, 5.01, 24.08) |
| CIE-LCH | lch(17.72, 24.59, 78.25°) |
| OKLab | oklab(29.25% 0.011 0.0556) |
| OKLCH | oklch(29.25% 0.057 78.8) |
| XYZ | xyz(2.5845, 2.4564, 0.4528) |
| Luminance | 0.0246 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Dark Brown
#341C02
ΔE00 6.59
Chocolate (survey)
#3D1C02
ΔE00 8.93
Espresso
#4B382A
ΔE00 9.33
Mud Brown
#60460F
ΔE00 11.17
Chocolate Brown
#411900
ΔE00 11.28
Brown (survey)
#653700
ΔE00 11.46
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#3B2804 #04173B
analogous
#3B0D04 #3B2804 #333B04
triadic
#3B2804 #043B28 #28043B
tetradic
#3B2804 #043B0D #04173B #3B0433
square
#3B2804 #043B0D #04173B #3B0433
split-complementary
#3B2804 #04333B #0D043B
monochromatic
#1D1302 #1D1302 #3B2804 #744F08 #AE760C
Accessibility & contrast
On white
14.08
#3B2804 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.49
#3B2804 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #3B2804
14.08:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##3B2804 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##3B2804 | 1.00 | 14.08 | 1.49 | 14.08 |
| #FFFFFF | 14.08 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.49 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.08 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#2F2900
Deuteranopia (green-blind)
#342D05
Tritanopia (blue-blind)
#412321
Achromatopsia (no color)
#2B2B2B
Design tokens & code
CSS
--color: #3b2804; /* rgb */ color: rgb(59, 40, 4); /* oklch */ color: oklch(29.3% 0.057 78.8);
Tailwind
colors: {
custom: {
50: '#746149',
500: '#3b2804',
950: '#000000',
},
}SCSS
$custom: #3b2804; $custom-light: #746149; $custom-dark: #000000;
JSON
{
"hex": "#3b2804",
"rgb": {
"r": 59,
"g": 40,
"b": 4
},
"hsl": {
"h": 39.273,
"s": 87.302,
"l": 12.353
},
"oklch": {
"l": 0.29253,
"c": 0.05671,
"h": 78.8
},
"luminance": 0.02456
}Semantic roles & 50–950 ramp
primary
#3B2804
secondary
#1E3F7D
accent
#73FD2A
background
#F7F5F4
surface
#EDE9E6
border
#C8C5C2
text
#080500
muted
#7B7977