#799E99#799E99
#799E99 is a light, muted teal. Relative luminance 0.308; OKLCH L 67.0% C 0.041 H 186.0°. Best body text is #000000 at 7.16:1 contrast (WCAG AA passes).
Color values
| HEX | #799E99 |
|---|---|
| RGB | rgb(121, 158, 153) |
| HSL | hsl(172, 16%, 55%) |
| HSV | hsv(172, 23%, 62%) |
| CMYK | cmyk(23.4%, 0%, 3.2%, 38%) |
| CIE-LAB | lab(62.35, -13.74, -1.54) |
| CIE-LCH | lch(62.35, 13.82, 186.40°) |
| OKLab | oklab(67.03% -0.0411 -0.0043) |
| OKLCH | oklch(67.03% 0.041 186) |
| XYZ | xyz(25.8601, 30.8175, 34.7166) |
| Luminance | 0.3082 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Greyish Teal
#719F91
ΔE00 4.43
Cadetblue
#5F9EA0
ΔE00 5.56
Dull Teal
#5F9E8F
ΔE00 6.89
Grey Teal
#5E9B8A
ΔE00 7.41
Dusty Teal
#4C9085
ΔE00 9.19
Sea
#3C9992
ΔE00 9.55
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#799E99 #9E797E
analogous
#799E87 #799E99 #79919E
triadic
#799E99 #99799E #9E9979
tetradic
#799E99 #87799E #9E797E #919E79
square
#799E99 #87799E #9E797E #919E79
split-complementary
#799E99 #9E7991 #9E8779
monochromatic
#425B57 #5B7E7A #799E99 #9DB8B4 #C0D1CF
Accessibility & contrast
On white
2.93
#799E99 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.16
#799E99 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #799E99
7.16:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##799E99 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##799E99 | 1.00 | 2.93 | 7.16 | 7.16 |
| #FFFFFF | 2.93 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.16 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.16 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#9A9A99
Deuteranopia (green-blind)
#93959A
Tritanopia (blue-blind)
#6EA09C
Achromatopsia (no color)
#979797
Design tokens & code
CSS
--color: #799e99; /* rgb */ color: rgb(121, 158, 153); /* oklch */ color: oklch(67.0% 0.041 186.0);
Tailwind
colors: {
custom: {
50: '#a0bab7',
500: '#799e99',
950: '#000000',
},
}SCSS
$custom: #799e99; $custom-light: #a0bab7; $custom-dark: #000000;
JSON
{
"hex": "#799e99",
"rgb": {
"r": 121,
"g": 158,
"b": 153
},
"hsl": {
"h": 171.892,
"s": 16.017,
"l": 54.706
},
"oklch": {
"l": 0.67033,
"c": 0.04131,
"h": 186
},
"luminance": 0.30819
}Semantic roles & 50–950 ramp
primary
#799E99
secondary
#C1B2B4
accent
#6F79B9
background
#F9FBFB
surface
#F2F6F6
border
#CCD0D0
text
#0F1111
muted
#7E8080