#5DA9CB#5DA9CB

#5DA9CB is a light, moderate cyan. Relative luminance 0.350; OKLCH L 69.9% C 0.090 H 229.0°. Best body text is #000000 at 8.00:1 contrast (WCAG AA passes).

Color values

HEX#5DA9CB
RGBrgb(93, 169, 203)
HSLhsl(199, 51%, 58%)
HSVhsv(199, 54%, 80%)
CMYKcmyk(54.2%, 16.7%, 0%, 20.4%)
CIE-LABlab(65.76, -13.96, -24.53)
CIE-LCHlch(65.76, 28.23, 240.36°)
OKLaboklab(69.91% -0.0592 -0.0682)
OKLCHoklch(69.91% 0.09 229)
XYZxyz(29.4776, 35.0123, 61.6930)
Luminance0.3502 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5DA9CB #CB7F5D
analogous
#5DCBB6 #5DA9CB #5D72CB
triadic
#5DA9CB #CB5DA9 #A9CB5D
tetradic
#5DA9CB #B65DCB #CB7F5D #72CB5D
square
#5DA9CB #B65DCB #CB7F5D #72CB5D
split-complementary
#5DA9CB #CB5D72 #CBB65D
monochromatic
#2A6883 #398CB2 #5DA9CB #8BC2DA #BADAE9

Accessibility & contrast

On white

2.62
#5DA9CB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.00
#5DA9CB on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #5DA9CB
8.00:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5DA9CB#FFFFFF#000000##000000
##5DA9CB1.002.628.008.00
#FFFFFF2.621.0021.0021.00
#0000008.0021.001.001.00
##0000008.0021.001.001.00

Color blindness preview

Protanopia (red-blind)
#98A6CD
Deuteranopia (green-blind)
#889BCB
Tritanopia (blue-blind)
#01B3B4
Achromatopsia (no color)
#A0A0A0

Design tokens & code

CSS
--color: #5da9cb;
/* rgb */ color: rgb(93, 169, 203);
/* oklch */ color: oklch(69.9% 0.090 229.0);
Tailwind
colors: {
  custom: {
    50: '#93c2db',
    500: '#5da9cb',
    950: '#000000',
  },
}
SCSS
$custom: #5da9cb;
$custom-light: #93c2db;
$custom-dark: #000000;
JSON
{
  "hex": "#5da9cb",
  "rgb": {
    "r": 93,
    "g": 169,
    "b": 203
  },
  "hsl": {
    "h": 198.545,
    "s": 51.402,
    "l": 58.039
  },
  "oklch": {
    "l": 0.69906,
    "c": 0.09033,
    "h": 229
  },
  "luminance": 0.35015
}

Semantic roles & 50–950 ramp

primary
#5DA9CB
secondary
#D8BAAC
accent
#794DDB
background
#F9FBFD
surface
#F2F7FA
border
#CCD0D3
text
#0E1215
muted
#7E8183

Preview Lab

Preview with #5DA9CB

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

Preview Lab → · Contrast checker → · Palette generator →

#5DA9CB Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva