#4FE2CE#4FE2CE
#4FE2CE is a very light, vivid teal. Relative luminance 0.605; OKLCH L 83.0% C 0.127 H 182.4°. Best body text is #000000 at 13.10:1 contrast (WCAG AA passes).
Color values
| HEX | #4FE2CE |
|---|---|
| RGB | rgb(79, 226, 206) |
| HSL | hsl(172, 72%, 60%) |
| HSV | hsv(172, 65%, 89%) |
| CMYK | cmyk(65%, 0%, 8.8%, 11.4%) |
| CIE-LAB | lab(82.11, -43.41, -1.68) |
| CIE-LCH | lch(82.11, 43.44, 182.22°) |
| OKLab | oklab(83% -0.1269 -0.0052) |
| OKLCH | oklch(83% 0.127 182.4) |
| XYZ | xyz(41.5561, 60.5066, 67.8694) |
| Luminance | 0.6051 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Turquoise
#40E0D0
ΔE00 1.55
Aqua (survey)
#13EAC9
ΔE00 4.28
Tiffany Blue
#7BF2DA
ΔE00 4.70
Bright Aqua
#0BF9EA
ΔE00 5.70
Mediumturquoise
#48D1CC
ΔE00 6.20
Aquamarine (survey)
#04D8B2
ΔE00 6.27
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#4FE2CE #E24F63
analogous
#4FE285 #4FE2CE #4FACE2
triadic
#4FE2CE #CE4FE2 #E2CE4F
tetradic
#4FE2CE #854FE2 #E24F63 #ACE24F
square
#4FE2CE #854FE2 #E24F63 #ACE24F
split-complementary
#4FE2CE #E24FAC #E2854F
monochromatic
#1A9D8B #22D1BA #4FE2CE #84EBDD #B8F3EB
Accessibility & contrast
On white
1.60
#4FE2CE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.10
#4FE2CE on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #4FE2CE
13.10:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##4FE2CE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##4FE2CE | 1.00 | 1.60 | 13.10 | 13.10 |
| #FFFFFF | 1.60 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.10 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.10 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#D8D5CD
Deuteranopia (green-blind)
#C2C6D0
Tritanopia (blue-blind)
#00E6DC
Achromatopsia (no color)
#CCCCCC
Design tokens & code
CSS
--color: #4fe2ce; /* rgb */ color: rgb(79, 226, 206); /* oklch */ color: oklch(83.0% 0.127 182.4);
Tailwind
colors: {
custom: {
50: '#91ecdc',
500: '#4fe2ce',
950: '#000000',
},
}SCSS
$custom: #4fe2ce; $custom-light: #91ecdc; $custom-dark: #000000;
JSON
{
"hex": "#4fe2ce",
"rgb": {
"r": 79,
"g": 226,
"b": 206
},
"hsl": {
"h": 171.837,
"s": 71.707,
"l": 59.804
},
"oklch": {
"l": 0.82996,
"c": 0.127,
"h": 182.4
},
"luminance": 0.60511
}Semantic roles & 50–950 ramp
primary
#4FE2CE
secondary
#A03544
accent
#3952EE
background
#FCFFFE
surface
#F5FEFC
border
#CFD6D5
text
#0E1615
muted
#7F8584