#565CEF#565CEF

#565CEF is a mid, highly saturated blue. Relative luminance 0.159; OKLCH L 55.8% C 0.216 H 275.1°. Best body text is #FFFFFF at 5.03:1 contrast (WCAG AA passes).

Color values

HEX#565CEF
RGBrgb(86, 92, 239)
HSLhsl(238, 83%, 64%)
HSVhsv(238, 64%, 94%)
CMYKcmyk(64%, 61.5%, 0%, 6.3%)
CIE-LABlab(46.79, 41.99, -74.79)
CIE-LCHlch(46.79, 85.77, 299.31°)
OKLaboklab(55.84% 0.0192 -0.2155)
OKLCHoklch(55.84% 0.216 275.1)
XYZxyz(23.2398, 15.8627, 83.4817)
Luminance0.1587 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#565CEF #EFE956
analogous
#56A8EF #565CEF #9C56EF
triadic
#565CEF #EF565C #5CEF56
tetradic
#565CEF #EF56A8 #EFE956 #56EF9C
square
#565CEF #EF56A8 #EFE956 #56EF9C
split-complementary
#565CEF #EF9C56 #A8EF56
monochromatic
#1218B9 #1E26EA #565CEF #8E92F4 #C6C8FA

Accessibility & contrast

On white

5.03
#565CEF on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.17
#565CEF on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #565CEF
5.03:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##565CEF#FFFFFF#000000##FFFFFF
##565CEF1.005.034.175.03
#FFFFFF5.031.0021.001.00
#0000004.1721.001.0021.00
##FFFFFF5.031.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0076F4
Deuteranopia (green-blind)
#0068EC
Tritanopia (blue-blind)
#00819D
Achromatopsia (no color)
#6F6F6F

Design tokens & code

CSS
--color: #565cef;
/* rgb */ color: rgb(86, 92, 239);
/* oklch */ color: oklch(55.8% 0.216 275.1);
Tailwind
colors: {
  custom: {
    50: '#968af5',
    500: '#565cef',
    950: '#000000',
  },
}
SCSS
$custom: #565cef;
$custom-light: #968af5;
$custom-dark: #000000;
JSON
{
  "hex": "#565cef",
  "rgb": {
    "r": 86,
    "g": 92,
    "b": 239
  },
  "hsl": {
    "h": 237.647,
    "s": 82.703,
    "l": 63.725
  },
  "oklch": {
    "l": 0.55835,
    "c": 0.21639,
    "h": 275.1
  },
  "luminance": 0.15865
}

Semantic roles & 50–950 ramp

primary
#565CEF
secondary
#EBE9B5
accent
#D706DF
background
#FAF8FF
surface
#F3F0FF
border
#CDCBD7
text
#0F0C17
muted
#7F7D85

Preview Lab

Preview with #565CEF

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

Preview Lab → · Contrast checker → · Palette generator →

#565CEF Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva