#0DB660#0DB660
#0DB660 is a light, vivid green. Relative luminance 0.344; OKLCH L 68.1% C 0.175 H 152.4°. Best body text is #000000 at 7.88:1 contrast (WCAG AA passes).
Color values
| HEX | #0DB660 |
|---|---|
| RGB | rgb(13, 182, 96) |
| HSL | hsl(149, 87%, 38%) |
| HSV | hsv(149, 93%, 71%) |
| CMYK | cmyk(92.9%, 0%, 47.3%, 28.6%) |
| CIE-LAB | lab(65.27, -57.91, 33.06) |
| CIE-LCH | lch(65.27, 66.68, 150.28°) |
| OKLab | oklab(68.11% -0.1552 0.081) |
| OKLCH | oklch(68.11% 0.175 152.4) |
| XYZ | xyz(19.0034, 34.3835, 16.6992) |
| Luminance | 0.3439 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Cool Green
#33B864
ΔE00 1.48
Shamrock
#01B44C
ΔE00 3.01
Jade Green
#2BAF6A
ΔE00 3.28
Dark Mint Green
#20C073
ΔE00 3.49
Mediumseagreen
#3CB371
ΔE00 3.69
Algae Green
#21C36F
ΔE00 3.71
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#0DB660 #B60D63
analogous
#0FB60D #0DB660 #0DB6B4
triadic
#0DB660 #600DB6 #B6600D
tetradic
#0DB660 #0D0FB6 #B60D63 #B6B40D
square
#0DB660 #0D0FB6 #B60D63 #B6B40D
split-complementary
#0DB660 #B40DB6 #B60D0F
monochromatic
#054424 #097D42 #0DB660 #12EE7E #4BF29D
Accessibility & contrast
On white
2.67
#0DB660 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.88
#0DB660 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #0DB660
7.88:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##0DB660 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##0DB660 | 1.00 | 2.67 | 7.88 | 7.88 |
| #FFFFFF | 2.67 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.88 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.88 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#B6A659
Deuteranopia (green-blind)
#A59A66
Tritanopia (blue-blind)
#00B3A2
Achromatopsia (no color)
#9E9E9E
Design tokens & code
CSS
--color: #0db660; /* rgb */ color: rgb(13, 182, 96); /* oklch */ color: oklch(68.1% 0.175 152.4);
Tailwind
colors: {
custom: {
50: '#74cd8e',
500: '#0db660',
950: '#000000',
},
}SCSS
$custom: #0db660; $custom-light: #74cd8e; $custom-dark: #000000;
JSON
{
"hex": "#0db660",
"rgb": {
"r": 13,
"g": 182,
"b": 96
},
"hsl": {
"h": 149.467,
"s": 86.667,
"l": 38.235
},
"oklch": {
"l": 0.68111,
"c": 0.17504,
"h": 152.4
},
"luminance": 0.34386
}Semantic roles & 50–950 ramp
primary
#0DB660
secondary
#D34C91
accent
#2B96FD
background
#F7FCF8
surface
#EEF9F0
border
#C9D2CB
text
#0A140C
muted
#7C827D