#102105#102105
#102105 is a very dark, muted yellow-green. Relative luminance 0.012; OKLCH L 22.5% C 0.054 H 134.8°. Best body text is #FFFFFF at 16.91:1 contrast (WCAG AA passes).
Color values
| HEX | #102105 |
|---|---|
| RGB | rgb(16, 33, 5) |
| HSL | hsl(96, 74%, 7%) |
| HSV | hsv(96, 85%, 13%) |
| CMYK | cmyk(51.5%, 0%, 84.8%, 87.1%) |
| CIE-LAB | lab(10.62, -13.63, 13.52) |
| CIE-LCH | lch(10.62, 19.20, 135.25°) |
| OKLab | oklab(22.49% -0.0381 0.0385) |
| OKLCH | oklch(22.49% 0.054 134.8) |
| XYZ | xyz(0.7849, 1.2088, 0.3355) |
| Luminance | 0.0121 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Very Dark Green
#062E03
ΔE00 6.88
Dark Forest Green
#002D04
ΔE00 7.06
Dark Green
#033500
ΔE00 9.60
Hunter Green (survey)
#0B4008
ΔE00 12.18
Evergreen
#05472A
ΔE00 13.25
Forrest Green
#154406
ΔE00 13.39
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#102105 #160521
analogous
#1E2105 #102105 #052108
triadic
#102105 #051021 #210510
tetradic
#102105 #051E21 #160521 #210805
square
#102105 #051E21 #160521 #210805
split-complementary
#102105 #080521 #21051E
monochromatic
#0D1B04 #0D1B04 #102105 #2A560D #448B15
Accessibility & contrast
On white
16.91
#102105 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.24
#102105 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #102105
16.91:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##102105 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##102105 | 1.00 | 16.91 | 1.24 | 16.91 |
| #FFFFFF | 16.91 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.24 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.91 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#231E03
Deuteranopia (green-blind)
#201C07
Tritanopia (blue-blind)
#101F1B
Achromatopsia (no color)
#1D1D1D
Design tokens & code
CSS
--color: #102105; /* rgb */ color: rgb(16, 33, 5); /* oklch */ color: oklch(22.5% 0.054 134.8);
Tailwind
colors: {
custom: {
50: '#4e5c49',
500: '#102105',
950: '#000000',
},
}SCSS
$custom: #102105; $custom-light: #4e5c49; $custom-dark: #000000;
JSON
{
"hex": "#102105",
"rgb": {
"r": 16,
"g": 33,
"b": 5
},
"hsl": {
"h": 96.429,
"s": 73.684,
"l": 7.451
},
"oklch": {
"l": 0.22489,
"c": 0.05417,
"h": 134.8
},
"luminance": 0.01209
}Semantic roles & 50–950 ramp
primary
#102105
secondary
#481F62
accent
#37F0A8
background
#F4F5F4
surface
#E7E9E6
border
#C3C5C2
text
#010400
muted
#777977