#7CABAE#7CABAE
#7CABAE is a light, muted teal. Relative luminance 0.365; OKLCH L 70.9% C 0.050 H 201.0°. Best body text is #000000 at 8.29:1 contrast (WCAG AA passes).
Color values
| HEX | #7CABAE |
|---|---|
| RGB | rgb(124, 171, 174) |
| HSL | hsl(184, 24%, 58%) |
| HSV | hsv(184, 29%, 68%) |
| CMYK | cmyk(28.7%, 1.7%, 0%, 31.8%) |
| CIE-LAB | lab(66.87, -14.86, -6.60) |
| CIE-LCH | lch(66.87, 16.26, 203.96°) |
| OKLab | oklab(70.88% -0.0469 -0.018) |
| OKLCH | oklch(70.88% 0.05 201) |
| XYZ | xyz(30.5126, 36.4654, 45.4670) |
| Luminance | 0.3647 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Cadetblue
#5F9EA0
ΔE00 5.72
Bluegrey
#85A3B2
ΔE00 8.37
Greyish Teal
#719F91
ΔE00 8.41
Greyblue
#77A1B5
ΔE00 8.41
Cool Grey
#95A3A6
ΔE00 9.60
Turquoise Blue
#06B1C4
ΔE00 9.89
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#7CABAE #AE7F7C
analogous
#7CAE98 #7CABAE #7C92AE
triadic
#7CABAE #AE7CAB #ABAE7C
tetradic
#7CABAE #987CAE #AE7F7C #92AE7C
square
#7CABAE #987CAE #AE7F7C #92AE7C
split-complementary
#7CABAE #AE7C92 #AE987C
monochromatic
#436A6D #5A8F92 #7CABAE #A2C3C5 #C8DBDD
Accessibility & contrast
On white
2.53
#7CABAE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.29
#7CABAE on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #7CABAE
8.29:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##7CABAE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##7CABAE | 1.00 | 2.53 | 8.29 | 8.29 |
| #FFFFFF | 2.53 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.29 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.29 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#A4A7AE
Deuteranopia (green-blind)
#9BA0AE
Tritanopia (blue-blind)
#6BAEAC
Achromatopsia (no color)
#A3A3A3
Design tokens & code
CSS
--color: #7cabae; /* rgb */ color: rgb(124, 171, 174); /* oklch */ color: oklch(70.9% 0.050 201.0);
Tailwind
colors: {
custom: {
50: '#a3c4c6',
500: '#7cabae',
950: '#000000',
},
}SCSS
$custom: #7cabae; $custom-light: #a3c4c6; $custom-dark: #000000;
JSON
{
"hex": "#7cabae",
"rgb": {
"r": 124,
"g": 171,
"b": 174
},
"hsl": {
"h": 183.6,
"s": 23.585,
"l": 58.431
},
"oklch": {
"l": 0.7088,
"c": 0.05025,
"h": 201
},
"luminance": 0.36467
}Semantic roles & 50–950 ramp
primary
#7CABAE
secondary
#CDBAB9
accent
#6D68C0
background
#FAFCFC
surface
#F4F8F8
border
#CED1D1
text
#0F1213
muted
#7F8182