#180802#180802
#180802 is a very dark, muted orange. Relative luminance 0.004; OKLCH L 15.8% C 0.034 H 49.1°. Best body text is #FFFFFF at 19.55:1 contrast (WCAG AA passes).
Color values
| HEX | #180802 |
|---|---|
| RGB | rgb(24, 8, 2) |
| HSL | hsl(16, 85%, 5%) |
| HSV | hsv(16, 92%, 9%) |
| CMYK | cmyk(0%, 66.7%, 91.7%, 90.6%) |
| CIE-LAB | lab(3.36, 4.94, 4.31) |
| CIE-LCH | lch(3.36, 6.55, 41.07°) |
| OKLab | oklab(15.8% 0.0219 0.0253) |
| OKLCH | oklch(15.8% 0.034 49.1) |
| XYZ | xyz(0.4745, 0.3723, 0.1043) |
| Luminance | 0.0037 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Very Dark Brown
#1D0200
ΔE00 4.96
Black
#000000
ΔE00 7.45
Almost Black
#070D0D
ΔE00 9.82
Dark Brown
#341C02
ΔE00 11.50
Chocolate (survey)
#3D1C02
ΔE00 13.63
Chocolate Brown
#411900
ΔE00 14.78
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#180802 #021218
analogous
#180207 #180802 #181302
triadic
#180802 #021808 #080218
tetradic
#180802 #071802 #021218 #130218
square
#180802 #071802 #021218 #130218
split-complementary
#180802 #021813 #020718
monochromatic
#1C0902 #1C0902 #1C0902 #501B07 #892E0B
Accessibility & contrast
On white
19.55
#180802 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.07
#180802 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #180802
19.55:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##180802 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##180802 | 1.00 | 19.55 | 1.07 | 19.55 |
| #FFFFFF | 19.55 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.07 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 19.55 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#0C0A02
Deuteranopia (green-blind)
#100E02
Tritanopia (blue-blind)
#1B0506
Achromatopsia (no color)
#0C0C0C
Design tokens & code
CSS
--color: #180802; /* rgb */ color: rgb(24, 8, 2); /* oklch */ color: oklch(15.8% 0.034 49.1);
Tailwind
colors: {
custom: {
50: '#544a48',
500: '#180802',
950: '#000000',
},
}SCSS
$custom: #180802; $custom-light: #544a48; $custom-dark: #000000;
JSON
{
"hex": "#180802",
"rgb": {
"r": 24,
"g": 8,
"b": 2
},
"hsl": {
"h": 16.364,
"s": 84.615,
"l": 5.098
},
"oklch": {
"l": 0.15795,
"c": 0.03352,
"h": 49.1
},
"luminance": 0.00372
}Semantic roles & 50–950 ramp
primary
#180802
secondary
#184B5E
accent
#C3FB2D
background
#F4F4F4
surface
#E7E7E6
border
#C3C3C2
text
#020100
muted
#787777