#A55CE9#A55CE9

#A55CE9 is a light, highly saturated violet. Relative luminance 0.215; OKLCH L 62.3% C 0.208 H 305.0°. Best body text is #000000 at 5.31:1 contrast (WCAG AA passes).

Color values

HEX#A55CE9
RGBrgb(165, 92, 233)
HSLhsl(271, 76%, 64%)
HSVhsv(271, 61%, 91%)
CMYKcmyk(29.2%, 60.5%, 0%, 8.6%)
CIE-LABlab(53.53, 55.40, -60.16)
CIE-LCHlch(53.53, 81.78, 312.64°)
OKLaboklab(62.32% 0.119 -0.1702)
OKLCHoklch(62.32% 0.208 305)
XYZxyz(34.0490, 21.5370, 79.4383)
Luminance0.2154 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A55CE9 #A0E95C
analogous
#5E5CE9 #A55CE9 #E95CE6
triadic
#A55CE9 #E9A55C #5CE9A5
tetradic
#A55CE9 #E95E5C #A0E95C #5CE6E9
square
#A55CE9 #E95E5C #A0E95C #5CE6E9
split-complementary
#A55CE9 #E6E95C #5CE95E
monochromatic
#6818B3 #8726E2 #A55CE9 #C392F0 #E1C8F8

Accessibility & contrast

On white

3.96
#A55CE9 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.31
#A55CE9 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #A55CE9
5.31:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A55CE9#FFFFFF#000000##000000
##A55CE91.003.965.315.31
#FFFFFF3.961.0021.0021.00
#0000005.3121.001.001.00
##0000005.3121.001.001.00

Color blindness preview

Protanopia (red-blind)
#0A7EED
Deuteranopia (green-blind)
#3C80E6
Tritanopia (blue-blind)
#99799A
Achromatopsia (no color)
#808080

Design tokens & code

CSS
--color: #a55ce9;
/* rgb */ color: rgb(165, 92, 233);
/* oklch */ color: oklch(62.3% 0.208 305.0);
Tailwind
colors: {
  custom: {
    50: '#c48ef1',
    500: '#a55ce9',
    950: '#000000',
  },
}
SCSS
$custom: #a55ce9;
$custom-light: #c48ef1;
$custom-dark: #000000;
JSON
{
  "hex": "#a55ce9",
  "rgb": {
    "r": 165,
    "g": 92,
    "b": 233
  },
  "hsl": {
    "h": 271.064,
    "s": 76.216,
    "l": 63.725
  },
  "oklch": {
    "l": 0.62322,
    "c": 0.20766,
    "h": 305
  },
  "luminance": 0.21537
}

Semantic roles & 50–950 ramp

primary
#A55CE9
secondary
#D0E9B8
accent
#D80D6F
background
#FCF8FE
surface
#F8F0FD
border
#D1CBD5
text
#130C17
muted
#827D85

Preview Lab

Preview with #A55CE9

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

Preview Lab → · Contrast checker → · Palette generator →

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