#5CF1CB#5CF1CB
#5CF1CB is a very light, vivid teal. Relative luminance 0.695; OKLCH L 86.8% C 0.138 H 173.0°. Best body text is #000000 at 14.90:1 contrast (WCAG AA passes).
Color values
| HEX | #5CF1CB |
|---|---|
| RGB | rgb(92, 241, 203) |
| HSL | hsl(165, 84%, 65%) |
| HSV | hsv(165, 62%, 95%) |
| CMYK | cmyk(61.8%, 0%, 15.8%, 5.5%) |
| CIE-LAB | lab(86.75, -48.49, 6.66) |
| CIE-LCH | lch(86.75, 48.95, 172.17°) |
| OKLab | oklab(86.84% -0.1372 0.0169) |
| OKLCH | oklch(86.84% 0.138 173) |
| XYZ | xyz(46.6432, 69.4928, 67.4436) |
| Luminance | 0.6950 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
Closest named colors
Light Turquoise
#7EF4CC
ΔE00 2.85
Aqua Marine
#2EE8BB
ΔE00 3.35
Aqua (survey)
#13EAC9
ΔE00 3.45
Bright Teal
#01F9C6
ΔE00 3.89
Aquamarine
#7FFFD4
ΔE00 3.94
Tiffany Blue
#7BF2DA
ΔE00 4.34
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#5CF1CB #F15C82
analogous
#5CF180 #5CF1CB #5CCCF1
triadic
#5CF1CB #CB5CF1 #F1CB5C
tetradic
#5CF1CB #805CF1 #F15C82 #CCF15C
square
#5CF1CB #805CF1 #F15C82 #CCF15C
split-complementary
#5CF1CB #F15CCC #F1805C
monochromatic
#11C295 #24ECB9 #5CF1CB #94F6DD #CDFBEF
Accessibility & contrast
On white
1.41
#5CF1CB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
14.90
#5CF1CB on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #5CF1CB
14.90:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##5CF1CB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##5CF1CB | 1.00 | 1.41 | 14.90 | 14.90 |
| #FFFFFF | 1.41 | 1.00 | 21.00 | 21.00 |
| #000000 | 14.90 | 21.00 | 1.00 | 1.00 |
| ##000000 | 14.90 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#EAE2C9
Deuteranopia (green-blind)
#D4D3CE
Tritanopia (blue-blind)
#00F3E6
Achromatopsia (no color)
#D9D9D9
Design tokens & code
CSS
--color: #5cf1cb; /* rgb */ color: rgb(92, 241, 203); /* oklch */ color: oklch(86.8% 0.138 173.0);
Tailwind
colors: {
custom: {
50: '#99f6da',
500: '#5cf1cb',
950: '#000000',
},
}SCSS
$custom: #5cf1cb; $custom-light: #99f6da; $custom-dark: #000000;
JSON
{
"hex": "#5cf1cb",
"rgb": {
"r": 92,
"g": 241,
"b": 203
},
"hsl": {
"h": 164.698,
"s": 84.181,
"l": 65.294
},
"oklch": {
"l": 0.86836,
"c": 0.1382,
"h": 173
},
"luminance": 0.69498
}Semantic roles & 50–950 ramp
primary
#5CF1CB
secondary
#C03256
accent
#053DE1
background
#FCFFFE
surface
#F5FFFB
border
#CFD7D4
text
#0F1714
muted
#808583