#5647EE#5647EE

#5647EE is a mid, highly saturated blue. Relative luminance 0.127; OKLCH L 52.5% C 0.238 H 278.3°. Best body text is #FFFFFF at 5.95:1 contrast (WCAG AA passes).

Color values

HEX#5647EE
RGBrgb(86, 71, 238)
HSLhsl(245, 83%, 61%)
HSVhsv(245, 70%, 93%)
CMYKcmyk(63.9%, 70.2%, 0%, 6.7%)
CIE-LABlab(42.24, 53.70, -81.68)
CIE-LCHlch(42.24, 97.75, 303.32°)
OKLaboklab(52.51% 0.0345 -0.2358)
OKLCHoklch(52.51% 0.238 278.3)
XYZxyz(21.5186, 12.6562, 82.1812)
Luminance0.1266 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5647EE #DFEE47
analogous
#478BEE #5647EE #A947EE
triadic
#5647EE #EE5647 #47EE56
tetradic
#5647EE #EE478B #DFEE47 #47EEA9
square
#5647EE #EE478B #DFEE47 #47EEA9
split-complementary
#5647EE #EEA947 #8BEE47
monochromatic
#1E10AB #2715E3 #5647EE #897FF3 #BDB7F8

Accessibility & contrast

On white

5.95
#5647EE on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.53
#5647EE on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #5647EE
5.95:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5647EE#FFFFFF#000000##FFFFFF
##5647EE1.005.953.535.95
#FFFFFF5.951.0021.001.00
#0000003.5321.001.0021.00
##FFFFFF5.951.0021.001.00

Color blindness preview

Protanopia (red-blind)
#006AF3
Deuteranopia (green-blind)
#005DEB
Tritanopia (blue-blind)
#007596
Achromatopsia (no color)
#646464

Design tokens & code

CSS
--color: #5647ee;
/* rgb */ color: rgb(86, 71, 238);
/* oklch */ color: oklch(52.5% 0.238 278.3);
Tailwind
colors: {
  custom: {
    50: '#977cf5',
    500: '#5647ee',
    950: '#000000',
  },
}
SCSS
$custom: #5647ee;
$custom-light: #977cf5;
$custom-dark: #000000;
JSON
{
  "hex": "#5647ee",
  "rgb": {
    "r": 86,
    "g": 71,
    "b": 238
  },
  "hsl": {
    "h": 245.389,
    "s": 83.085,
    "l": 60.588
  },
  "oklch": {
    "l": 0.5251,
    "c": 0.23828,
    "h": 278.3
  },
  "luminance": 0.12658
}

Semantic roles & 50–950 ramp

primary
#5647EE
secondary
#E2E8A9
accent
#E006CC
background
#FAF7FF
surface
#F4EEFF
border
#CEC9D7
text
#0F0A17
muted
#7F7C85

Preview Lab

Preview with #5647EE

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

Preview Lab → · Contrast checker → · Palette generator →

#5647EE Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva