#5BE5AE#5BE5AE
#5BE5AE is a very light, vivid teal. Relative luminance 0.613; OKLCH L 83.2% C 0.144 H 163.7°. Best body text is #000000 at 13.26:1 contrast (WCAG AA passes).
Color values
| HEX | #5BE5AE |
|---|---|
| RGB | rgb(91, 229, 174) |
| HSL | hsl(156, 73%, 63%) |
| HSV | hsv(156, 60%, 90%) |
| CMYK | cmyk(60.3%, 0%, 24%, 10.2%) |
| CIE-LAB | lab(82.55, -50.17, 15.85) |
| CIE-LCH | lch(82.55, 52.62, 162.47°) |
| OKLab | oklab(83.19% -0.1384 0.0405) |
| OKLCH | oklch(83.19% 0.144 163.7) |
| XYZ | xyz(39.9697, 61.3147, 49.7647) |
| Luminance | 0.6132 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
Closest named colors
Seafoam
#7FE0B3
ΔE00 3.80
Eucalyptus
#44D7A8
ΔE00 3.86
Aqua Marine
#2EE8BB
ΔE00 3.89
Light Greenish Blue
#63F7B4
ΔE00 4.32
Aqua Green
#12E193
ΔE00 5.12
Light Turquoise
#7EF4CC
ΔE00 5.51
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#5BE5AE #E55B92
analogous
#5BE569 #5BE5AE #5BD7E5
triadic
#5BE5AE #AE5BE5 #E5AE5B
tetradic
#5BE5AE #695BE5 #E55B92 #D7E55B
square
#5BE5AE #695BE5 #E55B92 #D7E55B
split-complementary
#5BE5AE #E55BD7 #E5695B
monochromatic
#1BAB71 #26DD94 #5BE5AE #90EDC8 #C5F6E2
Accessibility & contrast
On white
1.58
#5BE5AE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.26
#5BE5AE on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #5BE5AE
13.26:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##5BE5AE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##5BE5AE | 1.00 | 1.58 | 13.26 | 13.26 |
| #FFFFFF | 1.58 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.26 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.26 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#E1D6AB
Deuteranopia (green-blind)
#CEC8B2
Tritanopia (blue-blind)
#00E5D6
Achromatopsia (no color)
#CDCDCD
Design tokens & code
CSS
--color: #5be5ae; /* rgb */ color: rgb(91, 229, 174); /* oklch */ color: oklch(83.2% 0.144 163.7);
Tailwind
colors: {
custom: {
50: '#96eec6',
500: '#5be5ae',
950: '#000000',
},
}SCSS
$custom: #5be5ae; $custom-light: #96eec6; $custom-dark: #000000;
JSON
{
"hex": "#5be5ae",
"rgb": {
"r": 91,
"g": 229,
"b": 174
},
"hsl": {
"h": 156.087,
"s": 72.632,
"l": 62.745
},
"oklch": {
"l": 0.83187,
"c": 0.14422,
"h": 163.7
},
"luminance": 0.61319
}Semantic roles & 50–950 ramp
primary
#5BE5AE
secondary
#AC3866
accent
#115FD5
background
#FCFFFD
surface
#F5FEF9
border
#CFD6D2
text
#0E1613
muted
#7F8582