#38DBB8#38DBB8
#38DBB8 is a light, vivid teal. Relative luminance 0.550; OKLCH L 80.2% C 0.140 H 174.4°. Best body text is #000000 at 11.99:1 contrast (WCAG AA passes).
Color values
| HEX | #38DBB8 |
|---|---|
| RGB | rgb(56, 219, 184) |
| HSL | hsl(167, 69%, 54%) |
| HSV | hsv(167, 74%, 86%) |
| CMYK | cmyk(74.4%, 0%, 16%, 14.1%) |
| CIE-LAB | lab(79.02, -49.11, 5.45) |
| CIE-LCH | lch(79.02, 49.41, 173.67°) |
| OKLab | oklab(80.16% -0.139 0.0137) |
| OKLCH | oklch(80.16% 0.14 174.4) |
| XYZ | xyz(35.6097, 54.9602, 54.0697) |
| Luminance | 0.5496 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Aquamarine (survey)
#04D8B2
ΔE00 1.60
Aqua Marine
#2EE8BB
ΔE00 3.59
Eucalyptus
#44D7A8
ΔE00 3.66
Aqua (survey)
#13EAC9
ΔE00 3.71
Mediumaquamarine
#66CDAA
ΔE00 4.91
Seafoam Blue
#78D1B6
ΔE00 5.74
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#38DBB8 #DB385B
analogous
#38DB67 #38DBB8 #38ACDB
triadic
#38DBB8 #B838DB #DBB838
tetradic
#38DBB8 #6738DB #DB385B #ACDB38
square
#38DBB8 #6738DB #DB385B #ACDB38
split-complementary
#38DBB8 #DB38AC #DB6738
monochromatic
#17816A #21B595 #38DBB8 #6CE4CA #A0EEDD
Accessibility & contrast
On white
1.75
#38DBB8 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.99
#38DBB8 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #38DBB8
11.99:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##38DBB8 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##38DBB8 | 1.00 | 1.75 | 11.99 | 11.99 |
| #FFFFFF | 1.75 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.99 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.99 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#D3CDB6
Deuteranopia (green-blind)
#BEBDBB
Tritanopia (blue-blind)
#00DED1
Achromatopsia (no color)
#C4C4C4
Design tokens & code
CSS
--color: #38dbb8; /* rgb */ color: rgb(56, 219, 184); /* oklch */ color: oklch(80.2% 0.140 174.4);
Tailwind
colors: {
custom: {
50: '#87e7cd',
500: '#38dbb8',
950: '#000000',
},
}SCSS
$custom: #38dbb8; $custom-light: #87e7cd; $custom-dark: #000000;
JSON
{
"hex": "#38dbb8",
"rgb": {
"r": 56,
"g": 219,
"b": 184
},
"hsl": {
"h": 167.117,
"s": 69.362,
"l": 53.922
},
"oklch": {
"l": 0.80155,
"c": 0.13966,
"h": 174.4
},
"luminance": 0.54964
}Semantic roles & 50–950 ramp
primary
#38DBB8
secondary
#882F42
accent
#3C62EC
background
#FCFEFE
surface
#F4FCFA
border
#CED5D3
text
#0D1613
muted
#7F8483