#13510C#13510C
#13510C is a dark, moderate green. Relative luminance 0.060; OKLCH L 38.2% C 0.117 H 141.7°. Best body text is #FFFFFF at 9.50:1 contrast (WCAG AA passes).
Color values
| HEX | #13510C |
|---|---|
| RGB | rgb(19, 81, 12) |
| HSL | hsl(114, 74%, 18%) |
| HSV | hsv(114, 85%, 32%) |
| CMYK | cmyk(76.5%, 0%, 85.2%, 68.2%) |
| CIE-LAB | lab(29.54, -33.54, 32.31) |
| CIE-LCH | lch(29.54, 46.57, 136.08°) |
| OKLab | oklab(38.16% -0.0914 0.0722) |
| OKLCH | oklch(38.16% 0.117 141.7) |
| XYZ | xyz(3.2772, 6.0495, 1.3427) |
| Luminance | 0.0605 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Forest
#0B5509
ΔE00 1.58
Bottle Green
#044A05
ΔE00 2.29
Darkgreen (survey)
#054907
ΔE00 2.60
Deep Green
#02590F
ΔE00 2.86
British Racing Green
#05480D
ΔE00 3.26
Racing Green
#014600
ΔE00 3.47
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#13510C #4A0C51
analogous
#35510C #13510C #0C5127
triadic
#13510C #0C1351 #510C13
tetradic
#13510C #0C3551 #4A0C51 #51270C
square
#13510C #0C3551 #4A0C51 #51270C
split-complementary
#13510C #270C51 #510C35
monochromatic
#061B04 #061C04 #13510C #208614 #2CBC1C
Accessibility & contrast
On white
9.50
#13510C on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.21
#13510C on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #13510C
9.50:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##13510C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##13510C | 1.00 | 9.50 | 2.21 | 9.50 |
| #FFFFFF | 9.50 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.21 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.50 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#534900
Deuteranopia (green-blind)
#4C4414
Tritanopia (blue-blind)
#044E44
Achromatopsia (no color)
#464646
Design tokens & code
CSS
--color: #13510c; /* rgb */ color: rgb(19, 81, 12); /* oklch */ color: oklch(38.2% 0.117 141.7);
Tailwind
colors: {
custom: {
50: '#5c8351',
500: '#13510c',
950: '#000000',
},
}SCSS
$custom: #13510c; $custom-light: #5c8351; $custom-dark: #000000;
JSON
{
"hex": "#13510c",
"rgb": {
"r": 19,
"g": 81,
"b": 12
},
"hsl": {
"h": 113.913,
"s": 74.194,
"l": 18.235
},
"oklch": {
"l": 0.38156,
"c": 0.1165,
"h": 141.7
},
"luminance": 0.0605
}Semantic roles & 50–950 ramp
primary
#13510C
secondary
#832C8C
accent
#37F1DE
background
#F5F8F4
surface
#E9EFE7
border
#C5CAC3
text
#050A02
muted
#797C78