#59A2D9#59A2D9

#59A2D9 is a light, moderate cyan. Relative luminance 0.330; OKLCH L 68.8% C 0.110 H 243.1°. Best body text is #000000 at 7.59:1 contrast (WCAG AA passes).

Color values

HEX#59A2D9
RGBrgb(89, 162, 217)
HSLhsl(206, 63%, 60%)
HSVhsv(206, 59%, 85%)
CMYKcmyk(59%, 25.3%, 0%, 14.9%)
CIE-LABlab(64.14, -6.66, -34.80)
CIE-LCHlch(64.14, 35.44, 259.16°)
OKLaboklab(68.76% -0.0496 -0.0977)
OKLCHoklch(68.76% 0.11 243.1)
XYZxyz(29.5599, 32.9715, 70.4385)
Luminance0.3297 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#59A2D9 #D99059
analogous
#59D9D0 #59A2D9 #5962D9
triadic
#59A2D9 #D959A2 #A2D959
tetradic
#59A2D9 #D059D9 #D99059 #62D959
square
#59A2D9 #D059D9 #D99059 #62D959
split-complementary
#59A2D9 #D95962 #D9D059
monochromatic
#226495 #2E85C7 #59A2D9 #8BBEE4 #BDDAF0

Accessibility & contrast

On white

2.77
#59A2D9 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.59
#59A2D9 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #59A2D9
7.59:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##59A2D9#FFFFFF#000000##000000
##59A2D91.002.777.597.59
#FFFFFF2.771.0021.0021.00
#0000007.5921.001.001.00
##0000007.5921.001.001.00

Color blindness preview

Protanopia (red-blind)
#8AA3DC
Deuteranopia (green-blind)
#7896D8
Tritanopia (blue-blind)
#00AFB5
Achromatopsia (no color)
#9B9B9B

Design tokens & code

CSS
--color: #59a2d9;
/* rgb */ color: rgb(89, 162, 217);
/* oklch */ color: oklch(68.8% 0.110 243.1);
Tailwind
colors: {
  custom: {
    50: '#92bde5',
    500: '#59a2d9',
    950: '#000000',
  },
}
SCSS
$custom: #59a2d9;
$custom-light: #92bde5;
$custom-dark: #000000;
JSON
{
  "hex": "#59a2d9",
  "rgb": {
    "r": 89,
    "g": 162,
    "b": 217
  },
  "hsl": {
    "h": 205.781,
    "s": 62.745,
    "l": 60
  },
  "oklch": {
    "l": 0.68759,
    "c": 0.10956,
    "h": 243.1
  },
  "luminance": 0.32974
}

Semantic roles & 50–950 ramp

primary
#59A2D9
secondary
#E0C3AE
accent
#8842E6
background
#F9FBFE
surface
#F2F6FC
border
#CCD0D5
text
#0E1215
muted
#7E8184

Preview Lab

Preview with #59A2D9

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

Preview Lab → · Contrast checker → · Palette generator →

#59A2D9 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva