#5FE7CD#5FE7CD
#5FE7CD is a very light, vivid teal. Relative luminance 0.640; OKLCH L 84.6% C 0.125 H 178.4°. Best body text is #000000 at 13.80:1 contrast (WCAG AA passes).
Color values
| HEX | #5FE7CD |
|---|---|
| RGB | rgb(95, 231, 205) |
| HSL | hsl(169, 74%, 64%) |
| HSV | hsv(169, 59%, 91%) |
| CMYK | cmyk(58.9%, 0%, 11.3%, 9.4%) |
| CIE-LAB | lab(83.96, -43.17, 1.59) |
| CIE-LCH | lch(83.96, 43.19, 177.89°) |
| OKLab | oklab(84.6% -0.1245 0.0035) |
| OKLCH | oklch(84.6% 0.125 178.4) |
| XYZ | xyz(44.3096, 63.9880, 67.7616) |
| Luminance | 0.6399 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Tiffany Blue
#7BF2DA
ΔE00 3.16
Aqua (survey)
#13EAC9
ΔE00 3.37
Turquoise
#40E0D0
ΔE00 3.89
Aqua Marine
#2EE8BB
ΔE00 5.33
Light Turquoise
#7EF4CC
ΔE00 5.37
Aquamarine (survey)
#04D8B2
ΔE00 5.92
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#5FE7CD #E75F79
analogous
#5FE789 #5FE7CD #5FBDE7
triadic
#5FE7CD #CD5FE7 #E7CD5F
tetradic
#5FE7CD #895FE7 #E75F79 #BDE75F
square
#5FE7CD #895FE7 #E75F79 #BDE75F
split-complementary
#5FE7CD #E75FBD #E7895F
monochromatic
#1BB194 #2ADFBC #5FE7CD #94EFDE #C9F7EE
Accessibility & contrast
On white
1.52
#5FE7CD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.80
#5FE7CD on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #5FE7CD
13.80:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##5FE7CD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##5FE7CD | 1.00 | 1.52 | 13.80 | 13.80 |
| #FFFFFF | 1.52 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.80 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.80 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#DEDACC
Deuteranopia (green-blind)
#CACBCF
Tritanopia (blue-blind)
#00EADF
Achromatopsia (no color)
#D1D1D1
Design tokens & code
CSS
--color: #5fe7cd; /* rgb */ color: rgb(95, 231, 205); /* oklch */ color: oklch(84.6% 0.125 178.4);
Tailwind
colors: {
custom: {
50: '#99efdc',
500: '#5fe7cd',
950: '#000000',
},
}SCSS
$custom: #5fe7cd; $custom-light: #99efdc; $custom-dark: #000000;
JSON
{
"hex": "#5fe7cd",
"rgb": {
"r": 95,
"g": 231,
"b": 205
},
"hsl": {
"h": 168.529,
"s": 73.913,
"l": 63.922
},
"oklch": {
"l": 0.84605,
"c": 0.12454,
"h": 178.4
},
"luminance": 0.63993
}Semantic roles & 50–950 ramp
primary
#5FE7CD
secondary
#B23950
accent
#0F35D6
background
#FCFFFE
surface
#F5FEFB
border
#CFD6D4
text
#0F1615
muted
#808584