#77F8DD#77F8DD
#77F8DD is a very light, vivid teal. Relative luminance 0.763; OKLCH L 89.8% C 0.122 H 177.7°. Best body text is #000000 at 16.26:1 contrast (WCAG AA passes).
Color values
| HEX | #77F8DD |
|---|---|
| RGB | rgb(119, 248, 221) |
| HSL | hsl(167, 90%, 72%) |
| HSV | hsv(167, 52%, 97%) |
| CMYK | cmyk(52%, 0%, 10.9%, 2.7%) |
| CIE-LAB | lab(89.99, -42.16, 2.07) |
| CIE-LCH | lch(89.99, 42.21, 177.19°) |
| OKLab | oklab(89.83% -0.1216 0.0048) |
| OKLCH | oklch(89.83% 0.122 177.7) |
| XYZ | xyz(54.2206, 76.2722, 80.2573) |
| Luminance | 0.7628 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Tiffany Blue
#7BF2DA
ΔE00 1.52
Light Aqua
#8CFFDB
ΔE00 3.49
Light Turquoise
#7EF4CC
ΔE00 4.17
Aquamarine
#7FFFD4
ΔE00 4.59
Aqua (survey)
#13EAC9
ΔE00 5.54
Bright Aqua
#0BF9EA
ΔE00 5.85
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#77F8DD #F87792
analogous
#77F89D #77F8DD #77D3F8
triadic
#77F8DD #DD77F8 #F8DD77
tetradic
#77F8DD #9D77F8 #F87792 #D3F877
square
#77F8DD #9D77F8 #F87792 #D3F877
split-complementary
#77F8DD #F877D3 #F89D77
monochromatic
#0CE9BA #3DF5CE #77F8DD #B1FBEC #E2FEF8
Accessibility & contrast
On white
1.29
#77F8DD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.26
#77F8DD on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #77F8DD
16.26:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##77F8DD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##77F8DD | 1.00 | 1.29 | 16.26 | 16.26 |
| #FFFFFF | 1.29 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.26 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.26 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#F0EBDC
Deuteranopia (green-blind)
#DBDCDF
Tritanopia (blue-blind)
#31FBF0
Achromatopsia (no color)
#E2E2E2
Design tokens & code
CSS
--color: #77f8dd; /* rgb */ color: rgb(119, 248, 221); /* oklch */ color: oklch(89.8% 0.122 177.7);
Tailwind
colors: {
custom: {
50: '#a7fbe7',
500: '#77f8dd',
950: '#000000',
},
}SCSS
$custom: #77f8dd; $custom-light: #a7fbe7; $custom-dark: #000000;
JSON
{
"hex": "#77f8dd",
"rgb": {
"r": 119,
"g": 248,
"b": 221
},
"hsl": {
"h": 167.442,
"s": 90.21,
"l": 71.961
},
"oklch": {
"l": 0.89833,
"c": 0.1217,
"h": 177.7
},
"luminance": 0.76277
}Semantic roles & 50–950 ramp
primary
#77F8DD
secondary
#D43F5E
accent
#0030E6
background
#FDFFFE
surface
#F7FFFC
border
#D0D7D5
text
#101716
muted
#818584