#2DFEC4#2DFEC4
#2DFEC4 is a very light, vivid teal. Relative luminance 0.754; OKLCH L 88.9% C 0.173 H 167.9°. Best body text is #000000 at 16.09:1 contrast (WCAG AA passes).
Color values
| HEX | #2DFEC4 |
|---|---|
| RGB | rgb(45, 254, 196) |
| HSL | hsl(163, 99%, 59%) |
| HSV | hsv(163, 82%, 100%) |
| CMYK | cmyk(82.3%, 0%, 22.8%, 0.4%) |
| CIE-LAB | lab(89.59, -61.20, 14.24) |
| CIE-LCH | lch(89.59, 62.83, 166.90°) |
| OKLab | oklab(88.88% -0.1693 0.0364) |
| OKLCH | oklch(88.88% 0.173 167.9) |
| XYZ | xyz(46.4821, 75.4211, 64.3217) |
| Luminance | 0.7543 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
Closest named colors
Bright Teal
#01F9C6
ΔE00 1.97
Greenish Cyan
#2AFEB7
ΔE00 2.68
Greenish Turquoise
#00FBB0
ΔE00 3.53
Light Greenish Blue
#63F7B4
ΔE00 4.07
Light Aquamarine
#7BFDC7
ΔE00 4.10
Aquamarine
#7FFFD4
ΔE00 4.97
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#2DFEC4 #FE2D67
analogous
#2DFE5B #2DFEC4 #2DD0FE
triadic
#2DFEC4 #C42DFE #FEC42D
tetradic
#2DFEC4 #5B2DFE #FE2D67 #D0FE2D
square
#2DFEC4 #5B2DFE #FE2D67 #D0FE2D
split-complementary
#2DFEC4 #FE2DD0 #FE5B2D
monochromatic
#01B07F #01EDAB #2DFEC4 #6AFED5 #A7FFE6
Accessibility & contrast
On white
1.31
#2DFEC4 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.09
#2DFEC4 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #2DFEC4
16.09:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##2DFEC4 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##2DFEC4 | 1.00 | 1.31 | 16.09 | 16.09 |
| #FFFFFF | 1.31 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.09 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.09 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#F7ECC1
Deuteranopia (green-blind)
#DFDAC8
Tritanopia (blue-blind)
#00FFEE
Achromatopsia (no color)
#E1E1E1
Design tokens & code
CSS
--color: #2dfec4; /* rgb */ color: rgb(45, 254, 196); /* oklch */ color: oklch(88.9% 0.173 167.9);
Tailwind
colors: {
custom: {
50: '#8bffd6',
500: '#2dfec4',
950: '#000000',
},
}SCSS
$custom: #2dfec4; $custom-light: #8bffd6; $custom-dark: #000000;
JSON
{
"hex": "#2dfec4",
"rgb": {
"r": 45,
"g": 254,
"b": 196
},
"hsl": {
"h": 163.349,
"s": 99.052,
"l": 58.627
},
"oklch": {
"l": 0.88875,
"c": 0.17312,
"h": 167.9
},
"luminance": 0.75427
}Semantic roles & 50–950 ramp
primary
#2DFEC4
secondary
#AF2048
accent
#2964FF
background
#FCFFFE
surface
#F5FFFB
border
#CFD7D4
text
#0E1814
muted
#7F8683