#5E4AD8#5E4AD8

#5E4AD8 is a mid, highly saturated blue. Relative luminance 0.122; OKLCH L 51.6% C 0.207 H 282.8°. Best body text is #FFFFFF at 6.09:1 contrast (WCAG AA passes).

Color values

HEX#5E4AD8
RGBrgb(94, 74, 216)
HSLhsl(248, 65%, 57%)
HSVhsv(248, 66%, 85%)
CMYKcmyk(56.5%, 65.7%, 0%, 15.3%)
CIE-LABlab(41.59, 46.46, -70.22)
CIE-LCHlch(41.59, 84.20, 303.49°)
OKLaboklab(51.62% 0.0458 -0.202)
OKLCHoklch(51.62% 0.207 282.8)
XYZxyz(19.4557, 12.2339, 66.2886)
Luminance0.1224 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5E4AD8 #C4D84A
analogous
#4A7DD8 #5E4AD8 #A54AD8
triadic
#5E4AD8 #D85E4A #4AD85E
tetradic
#5E4AD8 #D84A7D #C4D84A #4AD8A5
square
#5E4AD8 #D84A7D #C4D84A #4AD8A5
split-complementary
#5E4AD8 #D8A54A #7DD84A
monochromatic
#2D1E8A #3D29BC #5E4AD8 #8B7CE3 #B8AFEE

Accessibility & contrast

On white

6.09
#5E4AD8 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.45
#5E4AD8 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #5E4AD8
6.09:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5E4AD8#FFFFFF#000000##FFFFFF
##5E4AD81.006.093.456.09
#FFFFFF6.091.0021.001.00
#0000003.4521.001.0021.00
##FFFFFF6.091.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0067DC
Deuteranopia (green-blind)
#005DD5
Tritanopia (blue-blind)
#1D6E8B
Achromatopsia (no color)
#626262

Design tokens & code

CSS
--color: #5e4ad8;
/* rgb */ color: rgb(94, 74, 216);
/* oklch */ color: oklch(51.6% 0.207 282.8);
Tailwind
colors: {
  custom: {
    50: '#977ee5',
    500: '#5e4ad8',
    950: '#000000',
  },
}
SCSS
$custom: #5e4ad8;
$custom-light: #977ee5;
$custom-dark: #000000;
JSON
{
  "hex": "#5e4ad8",
  "rgb": {
    "r": 94,
    "g": 74,
    "b": 216
  },
  "hsl": {
    "h": 248.451,
    "s": 64.545,
    "l": 56.863
  },
  "oklch": {
    "l": 0.51618,
    "c": 0.20711,
    "h": 282.8
  },
  "luminance": 0.12235
}

Semantic roles & 50–950 ramp

primary
#5E4AD8
secondary
#D4DCA2
accent
#E840D0
background
#F9F7FE
surface
#F2EEFC
border
#CCC9D5
text
#0F0A16
muted
#7E7C84

Preview Lab

Preview with #5E4AD8

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

Preview Lab → · Contrast checker → · Palette generator →

#5E4AD8 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva