#57A9CD#57A9CD

#57A9CD is a light, moderate cyan. Relative luminance 0.348; OKLCH L 69.7% C 0.096 H 229.0°. Best body text is #000000 at 7.96:1 contrast (WCAG AA passes).

Color values

HEX#57A9CD
RGBrgb(87, 169, 205)
HSLhsl(198, 54%, 57%)
HSVhsv(198, 58%, 80%)
CMYKcmyk(57.6%, 17.6%, 0%, 19.6%)
CIE-LABlab(65.60, -14.59, -25.91)
CIE-LCHlch(65.60, 29.73, 240.61°)
OKLaboklab(69.74% -0.0628 -0.0722)
OKLCHoklch(69.74% 0.096 229)
XYZxyz(29.1337, 34.8072, 62.9289)
Luminance0.3481 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#57A9CD #CD7B57
analogous
#57CDB6 #57A9CD #576ECD
triadic
#57A9CD #CD57A9 #A9CD57
tetradic
#57A9CD #B657CD #CD7B57 #6ECD57
square
#57A9CD #B657CD #CD7B57 #6ECD57
split-complementary
#57A9CD #CD576E #CDB657
monochromatic
#276783 #358CB2 #57A9CD #86C1DB #B5D9E9

Accessibility & contrast

On white

2.64
#57A9CD on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.96
#57A9CD on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #57A9CD
7.96:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##57A9CD#FFFFFF#000000##000000
##57A9CD1.002.647.967.96
#FFFFFF2.641.0021.0021.00
#0000007.9621.001.001.00
##0000007.9621.001.001.00

Color blindness preview

Protanopia (red-blind)
#96A6CF
Deuteranopia (green-blind)
#869ACD
Tritanopia (blue-blind)
#00B3B5
Achromatopsia (no color)
#9F9F9F

Design tokens & code

CSS
--color: #57a9cd;
/* rgb */ color: rgb(87, 169, 205);
/* oklch */ color: oklch(69.7% 0.096 229.0);
Tailwind
colors: {
  custom: {
    50: '#90c2dc',
    500: '#57a9cd',
    950: '#000000',
  },
}
SCSS
$custom: #57a9cd;
$custom-light: #90c2dc;
$custom-dark: #000000;
JSON
{
  "hex": "#57a9cd",
  "rgb": {
    "r": 87,
    "g": 169,
    "b": 205
  },
  "hsl": {
    "h": 198.305,
    "s": 54.128,
    "l": 57.255
  },
  "oklch": {
    "l": 0.69738,
    "c": 0.09568,
    "h": 229
  },
  "luminance": 0.3481
}

Semantic roles & 50–950 ramp

primary
#57A9CD
secondary
#D8B7A8
accent
#774ADD
background
#F9FBFD
surface
#F2F7FB
border
#CCD0D4
text
#0D1215
muted
#7E8183

Preview Lab

Preview with #57A9CD

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

Preview Lab → · Contrast checker → · Palette generator →

#57A9CD Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva