#7AAA9D#7AAA9D
#7AAA9D is a light, muted teal. Relative luminance 0.353; OKLCH L 70.0% C 0.055 H 176.0°. Best body text is #000000 at 8.06:1 contrast (WCAG AA passes).
Color values
| HEX | #7AAA9D |
|---|---|
| RGB | rgb(122, 170, 157) |
| HSL | hsl(164, 22%, 57%) |
| HSV | hsv(164, 28%, 67%) |
| CMYK | cmyk(28.2%, 0%, 7.6%, 33.3%) |
| CIE-LAB | lab(66.00, -18.83, 1.55) |
| CIE-LCH | lch(66.00, 18.90, 175.30°) |
| OKLab | oklab(69.99% -0.0547 0.0038) |
| OKLCH | oklch(69.99% 0.055 176) |
| XYZ | xyz(28.4846, 35.3200, 37.2083) |
| Luminance | 0.3532 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
Closest named colors
Greyish Teal
#719F91
ΔE00 3.42
Dull Teal
#5F9E8F
ΔE00 5.33
Grey Teal
#5E9B8A
ΔE00 6.17
Cadetblue
#5F9EA0
ΔE00 7.69
Greeny Blue
#42B395
ΔE00 9.26
Sea
#3C9992
ΔE00 9.61
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#7AAA9D #AA7A87
analogous
#7AAA85 #7AAA9D #7A9FAA
triadic
#7AAA9D #9D7AAA #AA9D7A
tetradic
#7AAA9D #857AAA #AA7A87 #9FAA7A
square
#7AAA9D #857AAA #AA7A87 #9FAA7A
split-complementary
#7AAA9D #AA7A9F #AA857A
monochromatic
#42675D #5A8D7F #7AAA9D #9FC2B9 #C5DAD4
Accessibility & contrast
On white
2.60
#7AAA9D on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.06
#7AAA9D on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #7AAA9D
8.06:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##7AAA9D | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##7AAA9D | 1.00 | 2.60 | 8.06 | 8.06 |
| #FFFFFF | 2.60 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.06 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.06 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#A6A49C
Deuteranopia (green-blind)
#9E9E9E
Tritanopia (blue-blind)
#6DABA6
Achromatopsia (no color)
#A0A0A0
Design tokens & code
CSS
--color: #7aaa9d; /* rgb */ color: rgb(122, 170, 157); /* oklch */ color: oklch(70.0% 0.055 176.0);
Tailwind
colors: {
custom: {
50: '#a1c3b9',
500: '#7aaa9d',
950: '#000000',
},
}SCSS
$custom: #7aaa9d; $custom-light: #a1c3b9; $custom-dark: #000000;
JSON
{
"hex": "#7aaa9d",
"rgb": {
"r": 122,
"g": 170,
"b": 157
},
"hsl": {
"h": 163.75,
"s": 22.018,
"l": 57.255
},
"oklch": {
"l": 0.69993,
"c": 0.05479,
"h": 176
},
"luminance": 0.35321
}Semantic roles & 50–950 ramp
primary
#7AAA9D
secondary
#CAB6BB
accent
#6980BF
background
#FAFCFB
surface
#F3F8F6
border
#CDD1D0
text
#0F1211
muted
#7F8180