#4E3A96#4E3A96

#4E3A96 is a dark, vivid violet. Relative luminance 0.068; OKLCH L 42.3% C 0.144 H 288.7°. Best body text is #FFFFFF at 8.86:1 contrast (WCAG AA passes).

Color values

HEX#4E3A96
RGBrgb(78, 58, 150)
HSLhsl(253, 44%, 41%)
HSVhsv(253, 61%, 59%)
CMYKcmyk(48%, 61.3%, 0%, 41.2%)
CIE-LABlab(31.46, 32.73, -47.79)
CIE-LCHlch(31.46, 57.92, 304.40°)
OKLaboklab(42.29% 0.0462 -0.1366)
OKLCHoklch(42.29% 0.144 288.7)
XYZxyz(10.1584, 6.8474, 29.6347)
Luminance0.0685 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#4E3A96 #82963A
analogous
#3A5496 #4E3A96 #7C3A96
triadic
#4E3A96 #964E3A #3A964E
tetradic
#4E3A96 #963A54 #82963A #3A967C
square
#4E3A96 #963A54 #82963A #3A967C
split-complementary
#4E3A96 #967C3A #54963A
monochromatic
#20183E #37296A #4E3A96 #6851BC #8F7DCD

Accessibility & contrast

On white

8.86
#4E3A96 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.37
#4E3A96 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #4E3A96
8.86:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##4E3A96#FFFFFF#000000##FFFFFF
##4E3A961.008.862.378.86
#FFFFFF8.861.0021.001.00
#0000002.3721.001.0021.00
##FFFFFF8.861.0021.001.00

Color blindness preview

Protanopia (red-blind)
#004C99
Deuteranopia (green-blind)
#004894
Tritanopia (blue-blind)
#374F62
Achromatopsia (no color)
#4A4A4A

Design tokens & code

CSS
--color: #4e3a96;
/* rgb */ color: rgb(78, 58, 150);
/* oklch */ color: oklch(42.3% 0.144 288.7);
Tailwind
colors: {
  custom: {
    50: '#8571b6',
    500: '#4e3a96',
    950: '#000000',
  },
}
SCSS
$custom: #4e3a96;
$custom-light: #8571b6;
$custom-dark: #000000;
JSON
{
  "hex": "#4e3a96",
  "rgb": {
    "r": 78,
    "g": 58,
    "b": 150
  },
  "hsl": {
    "h": 253.043,
    "s": 44.231,
    "l": 40.784
  },
  "oklch": {
    "l": 0.42287,
    "c": 0.14419,
    "h": 288.7
  },
  "luminance": 0.06848
}

Semantic roles & 50–950 ramp

primary
#4E3A96
secondary
#A8B675
accent
#D454B8
background
#F8F6FB
surface
#F0ECF6
border
#CBC7D0
text
#0C0811
muted
#7D7B80

Preview Lab

Preview with #4E3A96

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

Preview Lab → · Contrast checker → · Palette generator →

#4E3A96 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva