#7DF3DA#7DF3DA
#7DF3DA is a very light, moderate teal. Relative luminance 0.735; OKLCH L 88.8% C 0.114 H 177.9°. Best body text is #000000 at 15.70:1 contrast (WCAG AA passes).
Color values
| HEX | #7DF3DA |
|---|---|
| RGB | rgb(125, 243, 218) |
| HSL | hsl(167, 83%, 72%) |
| HSV | hsv(167, 49%, 95%) |
| CMYK | cmyk(48.6%, 0%, 10.3%, 4.7%) |
| CIE-LAB | lab(88.69, -39.32, 1.78) |
| CIE-LCH | lch(88.69, 39.36, 177.41°) |
| OKLab | oklab(88.82% -0.1136 0.0041) |
| OKLCH | oklch(88.82% 0.114 177.9) |
| XYZ | xyz(53.1576, 73.5186, 77.7053) |
| Luminance | 0.7352 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Tiffany Blue
#7BF2DA
ΔE00 0.40
Light Aqua
#8CFFDB
ΔE00 4.04
Light Turquoise
#7EF4CC
ΔE00 4.33
Aquamarine
#7FFFD4
ΔE00 5.27
Aqua (survey)
#13EAC9
ΔE00 5.74
Light Teal
#90E4C1
ΔE00 6.02
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#7DF3DA #F37D96
analogous
#7DF39F #7DF3DA #7DD1F3
triadic
#7DF3DA #DA7DF3 #F3DA7D
tetradic
#7DF3DA #9F7DF3 #F37D96 #D1F37D
square
#7DF3DA #9F7DF3 #F37D96 #D1F37D
split-complementary
#7DF3DA #F37DD1 #F39F7D
monochromatic
#15E1B6 #45EECA #7DF3DA #B5F8EA #E3FCF7
Accessibility & contrast
On white
1.34
#7DF3DA on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.70
#7DF3DA on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #7DF3DA
15.70:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##7DF3DA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##7DF3DA | 1.00 | 1.34 | 15.70 | 15.70 |
| #FFFFFF | 1.34 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.70 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.70 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#EBE7D9
Deuteranopia (green-blind)
#D8D9DC
Tritanopia (blue-blind)
#47F6EB
Achromatopsia (no color)
#DFDFDF
Design tokens & code
CSS
--color: #7df3da; /* rgb */ color: rgb(125, 243, 218); /* oklch */ color: oklch(88.8% 0.114 177.9);
Tailwind
colors: {
custom: {
50: '#aaf7e5',
500: '#7df3da',
950: '#000000',
},
}SCSS
$custom: #7df3da; $custom-light: #aaf7e5; $custom-dark: #000000;
JSON
{
"hex": "#7df3da",
"rgb": {
"r": 125,
"g": 243,
"b": 218
},
"hsl": {
"h": 167.288,
"s": 83.099,
"l": 72.157
},
"oklch": {
"l": 0.8882,
"c": 0.11372,
"h": 177.9
},
"luminance": 0.73523
}Semantic roles & 50–950 ramp
primary
#7DF3DA
secondary
#CE4663
accent
#0634E0
background
#FDFFFE
surface
#F7FFFC
border
#D0D7D5
text
#111715
muted
#818584