#5860ED#5860ED

#5860ED is a mid, highly saturated blue. Relative luminance 0.166; OKLCH L 56.5% C 0.209 H 275.0°. Best body text is #FFFFFF at 4.87:1 contrast (WCAG AA passes).

Color values

HEX#5860ED
RGBrgb(88, 96, 237)
HSLhsl(237, 81%, 64%)
HSVhsv(237, 63%, 93%)
CMYKcmyk(62.9%, 59.5%, 0%, 7.1%)
CIE-LABlab(47.69, 39.23, -72.19)
CIE-LCHlch(47.69, 82.17, 298.52°)
OKLaboklab(56.48% 0.0183 -0.2078)
OKLCHoklch(56.48% 0.209 275)
XYZxyz(23.4884, 16.5529, 82.0616)
Luminance0.1656 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5860ED #EDE558
analogous
#58AAED #5860ED #9A58ED
triadic
#5860ED #ED5860 #60ED58
tetradic
#5860ED #ED58AA #EDE558 #58ED9A
square
#5860ED #ED58AA #EDE558 #58ED9A
split-complementary
#5860ED #ED9A58 #AAED58
monochromatic
#141CB7 #212BE7 #5860ED #8F95F3 #C6C9F9

Accessibility & contrast

On white

4.87
#5860ED on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.31
#5860ED on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #5860ED
4.87:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5860ED#FFFFFF#000000##FFFFFF
##5860ED1.004.874.314.87
#FFFFFF4.871.0021.001.00
#0000004.3121.001.0021.00
##FFFFFF4.871.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0078F2
Deuteranopia (green-blind)
#006BEA
Tritanopia (blue-blind)
#00839D
Achromatopsia (no color)
#717171

Design tokens & code

CSS
--color: #5860ed;
/* rgb */ color: rgb(88, 96, 237);
/* oklch */ color: oklch(56.5% 0.209 275.0);
Tailwind
colors: {
  custom: {
    50: '#968df4',
    500: '#5860ed',
    950: '#000000',
  },
}
SCSS
$custom: #5860ed;
$custom-light: #968df4;
$custom-dark: #000000;
JSON
{
  "hex": "#5860ed",
  "rgb": {
    "r": 88,
    "g": 96,
    "b": 237
  },
  "hsl": {
    "h": 236.779,
    "s": 80.541,
    "l": 63.725
  },
  "oklch": {
    "l": 0.56481,
    "c": 0.20864,
    "h": 275
  },
  "luminance": 0.16555
}

Semantic roles & 50–950 ramp

primary
#5860ED
secondary
#EBE8B6
accent
#D109DD
background
#FAF8FF
surface
#F3F0FE
border
#CDCBD6
text
#0F0C17
muted
#7F7D85

Preview Lab

Preview with #5860ED

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

Preview Lab → · Contrast checker → · Palette generator →

#5860ED Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva