#5C2CAE#5C2CAE

#5C2CAE is a dark, vivid violet. Relative luminance 0.071; OKLCH L 43.7% C 0.192 H 293.7°. Best body text is #FFFFFF at 8.65:1 contrast (WCAG AA passes).

Color values

HEX#5C2CAE
RGBrgb(92, 44, 174)
HSLhsl(262, 60%, 43%)
HSVhsv(262, 75%, 68%)
CMYKcmyk(47.1%, 74.7%, 0%, 31.8%)
CIE-LABlab(32.11, 49.94, -61.16)
CIE-LCHlch(32.11, 78.97, 309.23°)
OKLaboklab(43.71% 0.0771 -0.1754)
OKLCHoklch(43.71% 0.192 293.7)
XYZxyz(12.9522, 7.1323, 40.7304)
Luminance0.0713 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5C2CAE #7EAE2C
analogous
#2C3DAE #5C2CAE #9D2CAE
triadic
#5C2CAE #AE5C2C #2CAE5C
tetradic
#5C2CAE #AE2C3D #7EAE2C #2CAE9D
square
#5C2CAE #AE2C3D #7EAE2C #2CAE9D
split-complementary
#5C2CAE #AE9D2C #3DAE2C
monochromatic
#28134C #42207D #5C2CAE #7A47D0 #9D78DD

Accessibility & contrast

On white

8.65
#5C2CAE on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.43
#5C2CAE on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #5C2CAE
8.65:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5C2CAE#FFFFFF#000000##FFFFFF
##5C2CAE1.008.652.438.65
#FFFFFF8.651.0021.001.00
#0000002.4321.001.0021.00
##FFFFFF8.651.0021.001.00

Color blindness preview

Protanopia (red-blind)
#004DB2
Deuteranopia (green-blind)
#0049AC
Tritanopia (blue-blind)
#434F6B
Achromatopsia (no color)
#4C4C4C

Design tokens & code

CSS
--color: #5c2cae;
/* rgb */ color: rgb(92, 44, 174);
/* oklch */ color: oklch(43.7% 0.192 293.7);
Tailwind
colors: {
  custom: {
    50: '#926ac7',
    500: '#5c2cae',
    950: '#000000',
  },
}
SCSS
$custom: #5c2cae;
$custom-light: #926ac7;
$custom-dark: #000000;
JSON
{
  "hex": "#5c2cae",
  "rgb": {
    "r": 92,
    "g": 44,
    "b": 174
  },
  "hsl": {
    "h": 262.154,
    "s": 59.633,
    "l": 42.745
  },
  "oklch": {
    "l": 0.43711,
    "c": 0.19156,
    "h": 293.7
  },
  "luminance": 0.07133
}

Semantic roles & 50–950 ramp

primary
#5C2CAE
secondary
#A6C571
accent
#E345A9
background
#F9F6FC
surface
#F2EBF8
border
#CCC6D1
text
#0E0713
muted
#7E7A82

Preview Lab

Preview with #5C2CAE

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

Preview Lab → · Contrast checker → · Palette generator →

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