#141002#141002
#141002 is a very dark, muted yellow. Relative luminance 0.005; OKLCH L 17.3% C 0.030 H 96.3°. Best body text is #FFFFFF at 19.01:1 contrast (WCAG AA passes).
Color values
| HEX | #141002 |
|---|---|
| RGB | rgb(20, 16, 2) |
| HSL | hsl(47, 82%, 4%) |
| HSV | hsv(47, 90%, 8%) |
| CMYK | cmyk(0%, 20%, 90%, 92.2%) |
| CIE-LAB | lab(4.73, -0.53, 6.25) |
| CIE-LCH | lch(4.73, 6.28, 94.85°) |
| OKLab | oklab(17.34% -0.0033 0.03) |
| OKLCH | oklch(17.34% 0.03 96.3) |
| XYZ | xyz(0.4848, 0.5237, 0.1330) |
| Luminance | 0.0052 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Black
#000000
ΔE00 6.17
Almost Black
#070D0D
ΔE00 6.34
Very Dark Brown
#1D0200
ΔE00 13.03
Dark Grey
#363737
ΔE00 13.13
Charcoal (survey)
#343837
ΔE00 13.32
Dark Brown
#341C02
ΔE00 13.67
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#141002 #020614
analogous
#140702 #141002 #0F1402
triadic
#141002 #021410 #100214
tetradic
#141002 #021407 #020614 #14020F
square
#141002 #021407 #020614 #14020F
split-complementary
#141002 #020F14 #070214
monochromatic
#1C1603 #1C1603 #1C1603 #4C3D08 #83690D
Accessibility & contrast
On white
19.01
#141002 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.10
#141002 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #141002
19.01:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##141002 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##141002 | 1.00 | 19.01 | 1.10 | 19.01 |
| #FFFFFF | 19.01 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.10 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 19.01 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#130F01
Deuteranopia (green-blind)
#141102
Tritanopia (blue-blind)
#160E0C
Achromatopsia (no color)
#101010
Design tokens & code
CSS
--color: #141002; /* rgb */ color: rgb(20, 16, 2); /* oklch */ color: oklch(17.3% 0.030 96.3);
Tailwind
colors: {
custom: {
50: '#514e47',
500: '#141002',
950: '#000000',
},
}SCSS
$custom: #141002; $custom-light: #514e47; $custom-dark: #000000;
JSON
{
"hex": "#141002",
"rgb": {
"r": 20,
"g": 16,
"b": 2
},
"hsl": {
"h": 46.667,
"s": 81.818,
"l": 4.314
},
"oklch": {
"l": 0.17341,
"c": 0.03016,
"h": 96.3
},
"luminance": 0.00524
}Semantic roles & 50–950 ramp
primary
#141002
secondary
#182759
accent
#5CF830
background
#F4F4F4
surface
#E7E7E6
border
#C3C3C2
text
#020100
muted
#787777