#568DC1#568DC1

#568DC1 is a light, moderate cyan. Relative luminance 0.249; OKLCH L 62.7% C 0.098 H 248.4°. Best body text is #000000 at 5.98:1 contrast (WCAG AA passes).

Color values

HEX#568DC1
RGBrgb(86, 141, 193)
HSLhsl(209, 46%, 55%)
HSVhsv(209, 55%, 76%)
CMYKcmyk(55.4%, 26.9%, 0%, 24.3%)
CIE-LABlab(56.95, -2.95, -32.56)
CIE-LCHlch(56.95, 32.69, 264.82°)
OKLaboklab(62.72% -0.0362 -0.0913)
OKLCHoklch(62.72% 0.098 248.4)
XYZxyz(22.9848, 24.8765, 54.0321)
Luminance0.2488 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#568DC1 #C18A56
analogous
#56C1BF #568DC1 #5658C1
triadic
#568DC1 #C1568D #8DC156
tetradic
#568DC1 #BF56C1 #C18A56 #58C156
square
#568DC1 #BF56C1 #C18A56 #58C156
split-complementary
#568DC1 #C15658 #C1BF56
monochromatic
#2A4F73 #3A6E9F #568DC1 #83ABD1 #B0C9E2

Accessibility & contrast

On white

3.51
#568DC1 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.98
#568DC1 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #568DC1
5.98:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##568DC1#FFFFFF#000000##000000
##568DC11.003.515.985.98
#FFFFFF3.511.0021.0021.00
#0000005.9821.001.001.00
##0000005.9821.001.001.00

Color blindness preview

Protanopia (red-blind)
#778FC3
Deuteranopia (green-blind)
#6984C0
Tritanopia (blue-blind)
#03999F
Achromatopsia (no color)
#898989

Design tokens & code

CSS
--color: #568dc1;
/* rgb */ color: rgb(86, 141, 193);
/* oklch */ color: oklch(62.7% 0.098 248.4);
Tailwind
colors: {
  custom: {
    50: '#8daed4',
    500: '#568dc1',
    950: '#000000',
  },
}
SCSS
$custom: #568dc1;
$custom-light: #8daed4;
$custom-dark: #000000;
JSON
{
  "hex": "#568dc1",
  "rgb": {
    "r": 86,
    "g": 141,
    "b": 193
  },
  "hsl": {
    "h": 209.159,
    "s": 46.32,
    "l": 54.706
  },
  "oklch": {
    "l": 0.6272,
    "c": 0.09828,
    "h": 248.4
  },
  "luminance": 0.24878
}

Semantic roles & 50–950 ramp

primary
#568DC1
secondary
#D0B9A3
accent
#9252D6
background
#F9FAFD
surface
#F1F4FA
border
#CBCED3
text
#0D1014
muted
#7E7F83

Preview Lab

Preview with #568DC1

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

Preview Lab → · Contrast checker → · Palette generator →

#568DC1 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva