#4E2E71#4E2E71

#4E2E71 is a dark, moderate violet. Relative luminance 0.048; OKLCH L 37.5% C 0.113 H 303.4°. Best body text is #FFFFFF at 10.75:1 contrast (WCAG AA passes).

Color values

HEX#4E2E71
RGBrgb(78, 46, 113)
HSLhsl(269, 42%, 31%)
HSVhsv(269, 59%, 44%)
CMYKcmyk(31%, 59.3%, 0%, 55.7%)
CIE-LABlab(26.06, 29.28, -33.39)
CIE-LCHlch(26.06, 44.41, 311.25°)
OKLaboklab(37.49% 0.0622 -0.0943)
OKLCHoklch(37.49% 0.113 303.4)
XYZxyz(7.0988, 4.7660, 16.1655)
Luminance0.0477 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#4E2E71 #51712E
analogous
#2E2F71 #4E2E71 #6F2E71
triadic
#4E2E71 #714E2E #2E714E
tetradic
#4E2E71 #712E2F #51712E #2E716F
square
#4E2E71 #712E2F #51712E #2E716F
split-complementary
#4E2E71 #716F2E #2F712E
monochromatic
#120B1A #301C46 #4E2E71 #6C409C #8B5DBD

Accessibility & contrast

On white

10.75
#4E2E71 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.95
#4E2E71 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #4E2E71
10.75:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##4E2E71#FFFFFF#000000##FFFFFF
##4E2E711.0010.751.9510.75
#FFFFFF10.751.0021.001.00
#0000001.9521.001.0021.00
##FFFFFF10.751.0021.001.00

Color blindness preview

Protanopia (red-blind)
#133D73
Deuteranopia (green-blind)
#1F3E6F
Tritanopia (blue-blind)
#483B4B
Achromatopsia (no color)
#3E3E3E

Design tokens & code

CSS
--color: #4e2e71;
/* rgb */ color: rgb(78, 46, 113);
/* oklch */ color: oklch(37.5% 0.113 303.4);
Tailwind
colors: {
  custom: {
    50: '#82689a',
    500: '#4e2e71',
    950: '#000000',
  },
}
SCSS
$custom: #4e2e71;
$custom-light: #82689a;
$custom-dark: #000000;
JSON
{
  "hex": "#4e2e71",
  "rgb": {
    "r": 78,
    "g": 46,
    "b": 113
  },
  "hsl": {
    "h": 268.657,
    "s": 42.138,
    "l": 31.176
  },
  "oklch": {
    "l": 0.37494,
    "c": 0.11296,
    "h": 303.4
  },
  "luminance": 0.04766
}

Semantic roles & 50–950 ramp

primary
#4E2E71
secondary
#7FA258
accent
#D25697
background
#F8F6F9
surface
#EFEBF2
border
#CAC6CC
text
#0B060E
muted
#7C7A7E

Preview Lab

Preview with #4E2E71

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

Preview Lab → · Contrast checker → · Palette generator →

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