#759793#759793
#759793 is a light, muted teal. Relative luminance 0.280; OKLCH L 65.0% C 0.038 H 187.4°. Best body text is #000000 at 6.60:1 contrast (WCAG AA passes).
Color values
| HEX | #759793 |
|---|---|
| RGB | rgb(117, 151, 147) |
| HSL | hsl(173, 14%, 53%) |
| HSV | hsv(173, 23%, 59%) |
| CMYK | cmyk(22.5%, 0%, 2.6%, 40.8%) |
| CIE-LAB | lab(59.91, -12.62, -1.76) |
| CIE-LCH | lch(59.91, 12.75, 187.95°) |
| OKLab | oklab(64.96% -0.0379 -0.0049) |
| OKLCH | oklch(64.96% 0.038 187.4) |
| XYZ | xyz(23.6676, 28.0208, 31.7596) |
| Luminance | 0.2802 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Greyish Teal
#719F91
ΔE00 5.51
Cadetblue
#5F9EA0
ΔE00 6.04
Dull Teal
#5F9E8F
ΔE00 7.64
Grey Teal
#5E9B8A
ΔE00 7.86
Dusty Teal
#4C9085
ΔE00 8.62
Sea
#3C9992
ΔE00 9.65
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#759793 #977579
analogous
#759782 #759793 #758A97
triadic
#759793 #937597 #979375
tetradic
#759793 #827597 #977579 #8A9775
square
#759793 #827597 #977579 #8A9775
split-complementary
#759793 #97758A #978275
monochromatic
#3F5351 #597673 #759793 #98B1AE #BBCCCA
Accessibility & contrast
On white
3.18
#759793 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.60
#759793 on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #759793
6.60:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##759793 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##759793 | 1.00 | 3.18 | 6.60 | 6.60 |
| #FFFFFF | 3.18 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.60 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.60 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#939393
Deuteranopia (green-blind)
#8D8E93
Tritanopia (blue-blind)
#6B9996
Achromatopsia (no color)
#909090
Design tokens & code
CSS
--color: #759793; /* rgb */ color: rgb(117, 151, 147); /* oklch */ color: oklch(65.0% 0.038 187.4);
Tailwind
colors: {
custom: {
50: '#9db5b2',
500: '#759793',
950: '#000000',
},
}SCSS
$custom: #759793; $custom-light: #9db5b2; $custom-dark: #000000;
JSON
{
"hex": "#759793",
"rgb": {
"r": 117,
"g": 151,
"b": 147
},
"hsl": {
"h": 172.941,
"s": 14.05,
"l": 52.549
},
"oklch": {
"l": 0.64965,
"c": 0.03823,
"h": 187.4
},
"luminance": 0.28022
}Semantic roles & 50–950 ramp
primary
#759793
secondary
#BBADAE
accent
#7179B7
background
#F9FBFA
surface
#F2F6F5
border
#CCD0CF
text
#0E1111
muted
#7E8080