#542579#542579

#542579 is a dark, vivid violet. Relative luminance 0.046; OKLCH L 37.5% C 0.139 H 306.5°. Best body text is #FFFFFF at 10.95:1 contrast (WCAG AA passes).

Color values

HEX#542579
RGBrgb(84, 37, 121)
HSLhsl(274, 53%, 31%)
HSVhsv(274, 69%, 47%)
CMYKcmyk(30.6%, 69.4%, 0%, 52.5%)
CIE-LABlab(25.53, 37.98, -39.30)
CIE-LCHlch(25.53, 54.65, 314.03°)
OKLaboklab(37.46% 0.0824 -0.1114)
OKLCHoklch(37.46% 0.139 306.5)
XYZxyz(7.7682, 4.5885, 18.5619)
Luminance0.0459 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#542579 #4A7925
analogous
#2A2579 #542579 #792574
triadic
#542579 #795425 #257954
tetradic
#542579 #792A25 #4A7925 #257479
square
#542579 #792A25 #4A7925 #257479
split-complementary
#542579 #747925 #25792A
monochromatic
#13081B #33174A #542579 #7533A8 #934FC9

Accessibility & contrast

On white

10.95
#542579 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.92
#542579 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #542579
10.95:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##542579#FFFFFF#000000##FFFFFF
##5425791.0010.951.9210.95
#FFFFFF10.951.0021.001.00
#0000001.9221.001.0021.00
##FFFFFF10.951.0021.001.00

Color blindness preview

Protanopia (red-blind)
#003B7C
Deuteranopia (green-blind)
#0F3D77
Tritanopia (blue-blind)
#4E374C
Achromatopsia (no color)
#3C3C3C

Design tokens & code

CSS
--color: #542579;
/* rgb */ color: rgb(84, 37, 121);
/* oklch */ color: oklch(37.5% 0.139 306.5);
Tailwind
colors: {
  custom: {
    50: '#8863a0',
    500: '#542579',
    950: '#000000',
  },
}
SCSS
$custom: #542579;
$custom-light: #8863a0;
$custom-dark: #000000;
JSON
{
  "hex": "#542579",
  "rgb": {
    "r": 84,
    "g": 37,
    "b": 121
  },
  "hsl": {
    "h": 273.571,
    "s": 53.165,
    "l": 30.98
  },
  "oklch": {
    "l": 0.37464,
    "c": 0.13855,
    "h": 306.5
  },
  "luminance": 0.04588
}

Semantic roles & 50–950 ramp

primary
#542579
secondary
#77AB4E
accent
#DD4B8B
background
#F8F6F9
surface
#F0EBF2
border
#CBC6CC
text
#0C050F
muted
#7D7A7E

Preview Lab

Preview with #542579

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

Preview Lab → · Contrast checker → · Palette generator →

#542579 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva