#57AABA#57AABA

#57AABA is a light, moderate teal. Relative luminance 0.343; OKLCH L 69.2% C 0.084 H 211.7°. Best body text is #000000 at 7.86:1 contrast (WCAG AA passes).

Color values

HEX	#57AABA
RGB	rgb(87, 170, 186)
HSL	hsl(190, 42%, 54%)
HSV	hsv(190, 53%, 73%)
CMYK	cmyk(53.2%, 8.6%, 0%, 27.1%)
CIE-LAB	lab(65.21, -20.71, -15.94)
CIE-LCH	lch(65.21, 26.14, 217.58°)
OKLab	oklab(69.21% -0.0712 -0.0441)
OKLCH	oklch(69.21% 0.084 211.7)
XYZ	xyz(27.1646, 34.3184, 51.6374)
Luminance	0.3432 (WCAG relative)
Temperature	cool
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#57AABA #BA6757

analogous

#57BA98 #57AABA #5778BA

triadic

#57AABA #BA57AA #AABA57

tetradic

#57AABA #9857BA #BA6757 #78BA57

square

#57AABA #9857BA #BA6757 #78BA57

split-complementary

#57AABA #BA5778 #BA9857

monochromatic

#2C616B #3E8896 #57AABA #82C0CC #AED6DE

Accessibility & contrast

On white

2.67

#57AABA on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.86

#57AABA on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #57AABA

7.86:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##57AABA	#FFFFFF	#000000	##000000
##57AABA	1.00	2.67	7.86	7.86
#FFFFFF	2.67	1.00	21.00	21.00
#000000	7.86	21.00	1.00	1.00
##000000	7.86	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#9DA5BB

Deuteranopia (green-blind)

#8E99BA

Tritanopia (blue-blind)

#03B1AF

Achromatopsia (no color)

#9E9E9E

Design tokens & code

CSS

--color: #57aaba;
/* rgb */ color: rgb(87, 170, 186);
/* oklch */ color: oklch(69.2% 0.084 211.7);

Tailwind

colors: {
  custom: {
    50: '#8ec3ce',
    500: '#57aaba',
    950: '#000000',
  },
}

SCSS

$custom: #57aaba;
$custom-light: #8ec3ce;
$custom-dark: #000000;

JSON

{
  "hex": "#57aaba",
  "rgb": {
    "r": 87,
    "g": 170,
    "b": 186
  },
  "hsl": {
    "h": 189.697,
    "s": 41.772,
    "l": 53.529
  },
  "oklch": {
    "l": 0.69208,
    "c": 0.08378,
    "h": 211.7
  },
  "luminance": 0.34321
}

Semantic roles & 50–950 ramp

primary

#57AABA

secondary

#CCA8A1

accent

#6A56D2

background

#F9FCFC

surface

#F1F8F9

border

#CBD1D2

text

#0D1213

muted

#7E8182

Preview Lab

Preview with #57AABA

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →