#5F42EA#5F42EA

#5F42EA is a mid, highly saturated violet. Relative luminance 0.123; OKLCH L 52.1% C 0.237 H 282.3°. Best body text is #FFFFFF at 6.08:1 contrast (WCAG AA passes).

Color values

HEX#5F42EA
RGBrgb(95, 66, 234)
HSLhsl(250, 80%, 59%)
HSVhsv(250, 72%, 92%)
CMYKcmyk(59.4%, 71.8%, 0%, 8.2%)
CIE-LABlab(41.64, 56.27, -80.38)
CIE-LCHlch(41.64, 98.12, 304.99°)
OKLaboklab(52.15% 0.0504 -0.2317)
OKLCHoklch(52.15% 0.237 282.3)
XYZxyz(21.5142, 12.2684, 79.0603)
Luminance0.1227 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5F42EA #CDEA42
analogous
#4279EA #5F42EA #B342EA
triadic
#5F42EA #EA5F42 #42EA5F
tetradic
#5F42EA #EA4279 #CDEA42 #42EAB3
square
#5F42EA #EA4279 #CDEA42 #42EAB3
split-complementary
#5F42EA #EAB342 #79EA42
monochromatic
#2A12A0 #3918D7 #5F42EA #8E79F0 #BCB0F6

Accessibility & contrast

On white

6.08
#5F42EA on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

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

Best text color

#FFFFFF on #5F42EA
6.08:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5F42EA#FFFFFF#000000##FFFFFF
##5F42EA1.006.083.456.08
#FFFFFF6.081.0021.001.00
#0000003.4521.001.0021.00
##FFFFFF6.081.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0068EF
Deuteranopia (green-blind)
#005CE7
Tritanopia (blue-blind)
#007092
Achromatopsia (no color)
#626262

Design tokens & code

CSS
--color: #5f42ea;
/* rgb */ color: rgb(95, 66, 234);
/* oklch */ color: oklch(52.1% 0.237 282.3);
Tailwind
colors: {
  custom: {
    50: '#9b7af2',
    500: '#5f42ea',
    950: '#000000',
  },
}
SCSS
$custom: #5f42ea;
$custom-light: #9b7af2;
$custom-dark: #000000;
JSON
{
  "hex": "#5f42ea",
  "rgb": {
    "r": 95,
    "g": 66,
    "b": 234
  },
  "hsl": {
    "h": 250.357,
    "s": 80,
    "l": 58.824
  },
  "oklch": {
    "l": 0.5215,
    "c": 0.23712,
    "h": 282.3
  },
  "luminance": 0.1227
}

Semantic roles & 50–950 ramp

primary
#5F42EA
secondary
#DAE5A3
accent
#F631D4
background
#FAF7FF
surface
#F4EEFE
border
#CEC9D6
text
#100917
muted
#7F7B85

Preview Lab

Preview with #5F42EA

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

Preview Lab → · Contrast checker → · Palette generator →

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