#5C279B#5C279B

#5C279B is a dark, vivid violet. Relative luminance 0.061; OKLCH L 41.5% C 0.176 H 299.3°. Best body text is #FFFFFF at 9.47:1 contrast (WCAG AA passes).

Color values

HEX#5C279B
RGBrgb(92, 39, 155)
HSLhsl(267, 60%, 38%)
HSVhsv(267, 75%, 61%)
CMYKcmyk(40.6%, 74.8%, 0%, 39.2%)
CIE-LABlab(29.65, 47.31, -53.71)
CIE-LCHlch(29.65, 71.58, 311.38°)
OKLaboklab(41.47% 0.0862 -0.1535)
OKLCHoklch(41.47% 0.176 299.3)
XYZxyz(11.0541, 6.0928, 31.5976)
Luminance0.0609 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5C279B #669B27
analogous
#272C9B #5C279B #96279B
triadic
#5C279B #9B5C27 #279B5C
tetradic
#5C279B #9B272C #669B27 #279B96
square
#5C279B #9B272C #669B27 #279B96
split-complementary
#5C279B #9B9627 #2C9B27
monochromatic
#220E39 #3F1B6A #5C279B #7933CC #9964D8

Accessibility & contrast

On white

9.47
#5C279B on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.22
#5C279B on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #5C279B
9.47:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5C279B#FFFFFF#000000##FFFFFF
##5C279B1.009.472.229.47
#FFFFFF9.471.0021.001.00
#0000002.2221.001.0021.00
##FFFFFF9.471.0021.001.00

Color blindness preview

Protanopia (red-blind)
#00469E
Deuteranopia (green-blind)
#004599
Tritanopia (blue-blind)
#4D455F
Achromatopsia (no color)
#464646

Design tokens & code

CSS
--color: #5c279b;
/* rgb */ color: rgb(92, 39, 155);
/* oklch */ color: oklch(41.5% 0.176 299.3);
Tailwind
colors: {
  custom: {
    50: '#9066b9',
    500: '#5c279b',
    950: '#000000',
  },
}
SCSS
$custom: #5c279b;
$custom-light: #9066b9;
$custom-dark: #000000;
JSON
{
  "hex": "#5c279b",
  "rgb": {
    "r": 92,
    "g": 39,
    "b": 155
  },
  "hsl": {
    "h": 267.414,
    "s": 59.794,
    "l": 38.039
  },
  "oklch": {
    "l": 0.41472,
    "c": 0.17599,
    "h": 299.3
  },
  "luminance": 0.06093
}

Semantic roles & 50–950 ramp

primary
#5C279B
secondary
#93BE60
accent
#E3459B
background
#F9F6FB
surface
#F2EBF6
border
#CCC6D0
text
#0D0612
muted
#7E7A81

Preview Lab

Preview with #5C279B

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

Preview Lab → · Contrast checker → · Palette generator →

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