#569EE6#569EE6

#569EE6 is a light, vivid cyan. Relative luminance 0.321; OKLCH L 68.4% C 0.129 H 250.2°. Best body text is #000000 at 7.43:1 contrast (WCAG AA passes).

Color values

HEX#569EE6
RGBrgb(86, 158, 230)
HSLhsl(210, 74%, 62%)
HSVhsv(210, 63%, 90%)
CMYKcmyk(62.6%, 31.3%, 0%, 9.8%)
CIE-LABlab(63.46, -0.78, -43.06)
CIE-LCHlch(63.46, 43.06, 268.96°)
OKLaboklab(68.38% -0.0437 -0.1217)
OKLCHoklch(68.38% 0.129 250.2)
XYZxyz(30.3423, 32.1424, 79.4526)
Luminance0.3215 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#569EE6 #E69E56
analogous
#56E6E6 #569EE6 #5656E6
triadic
#569EE6 #E6569E #9EE656
tetradic
#569EE6 #E656E6 #E69E56 #56E656
square
#569EE6 #E656E6 #E69E56 #56E656
split-complementary
#569EE6 #E65656 #E6E656
monochromatic
#1961A9 #217FDE #569EE6 #8BBDEE #C1DBF6

Accessibility & contrast

On white

2.83
#569EE6 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.43
#569EE6 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #569EE6
7.43:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##569EE6#FFFFFF#000000##000000
##569EE61.002.837.437.43
#FFFFFF2.831.0021.0021.00
#0000007.4321.001.001.00
##0000007.4321.001.001.00

Color blindness preview

Protanopia (red-blind)
#7FA1E9
Deuteranopia (green-blind)
#6B93E5
Tritanopia (blue-blind)
#00AFB8
Achromatopsia (no color)
#9A9A9A

Design tokens & code

CSS
--color: #569ee6;
/* rgb */ color: rgb(86, 158, 230);
/* oklch */ color: oklch(68.4% 0.129 250.2);
Tailwind
colors: {
  custom: {
    50: '#92baee',
    500: '#569ee6',
    950: '#000000',
  },
}
SCSS
$custom: #569ee6;
$custom-light: #92baee;
$custom-dark: #000000;
JSON
{
  "hex": "#569ee6",
  "rgb": {
    "r": 86,
    "g": 158,
    "b": 230
  },
  "hsl": {
    "h": 210,
    "s": 74.227,
    "l": 61.961
  },
  "oklch": {
    "l": 0.68382,
    "c": 0.12927,
    "h": 250.2
  },
  "luminance": 0.32145
}

Semantic roles & 50–950 ramp

primary
#569EE6
secondary
#E6CCB1
accent
#730FD6
background
#F9FBFE
surface
#F2F6FD
border
#CCD0D5
text
#0E1116
muted
#7E8084

Preview Lab

Preview with #569EE6

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

Preview Lab → · Contrast checker → · Palette generator →

#569EE6 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva