#9559CF#9559CF

#9559CF is a mid, vivid violet. Relative luminance 0.180; OKLCH L 58.5% C 0.179 H 305.0°. Best body text is #000000 at 4.61:1 contrast (WCAG AA passes).

Color values

HEX	#9559CF
RGB	rgb(149, 89, 207)
HSL	hsl(271, 55%, 58%)
HSV	hsv(271, 57%, 81%)
CMYK	cmyk(28%, 57%, 0%, 18.8%)
CIE-LAB	lab(49.54, 47.08, -51.93)
CIE-LCH	lch(49.54, 70.10, 312.20°)
OKLab	oklab(58.5% 0.1025 -0.1465)
OKLCH	oklch(58.5% 0.179 305)
XYZ	xyz(27.2268, 18.0395, 61.0670)
Luminance	0.1804 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#9559CF #93CF59

analogous

#5A59CF #9559CF #CF59CE

triadic

#9559CF #CF9559 #59CF95

tetradic

#9559CF #CF5A59 #93CF59 #59CECF

square

#9559CF #CF5A59 #93CF59 #59CECF

split-complementary

#9559CF #CECF59 #59CF5A

monochromatic

#582787 #7635B6 #9559CF #B388DD #D2B8EA

Accessibility & contrast

On white

4.56

#9559CF on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.61

#9559CF on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #9559CF

4.61:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##9559CF	#FFFFFF	#000000	##000000
##9559CF	1.00	4.56	4.61	4.61
#FFFFFF	4.56	1.00	21.00	21.00
#000000	4.61	21.00	1.00	1.00
##000000	4.61	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#2A74D3

Deuteranopia (green-blind)

#4276CC

Tritanopia (blue-blind)

#8B708B

Achromatopsia (no color)

#767676

Design tokens & code

CSS

--color: #9559cf;
/* rgb */ color: rgb(149, 89, 207);
/* oklch */ color: oklch(58.5% 0.179 305.0);

Tailwind

colors: {
  custom: {
    50: '#b78ade',
    500: '#9559cf',
    950: '#000000',
  },
}

SCSS

$custom: #9559cf;
$custom-light: #b78ade;
$custom-dark: #000000;

JSON

{
  "hex": "#9559cf",
  "rgb": {
    "r": 149,
    "g": 89,
    "b": 207
  },
  "hsl": {
    "h": 270.508,
    "s": 55.14,
    "l": 58.039
  },
  "oklch": {
    "l": 0.58499,
    "c": 0.17878,
    "h": 305
  },
  "luminance": 0.18039
}

Semantic roles & 50–950 ramp

primary

#9559CF

secondary

#C2D9AA

accent

#DE4993

background

#FBF8FD

surface

#F6F0FB

border

#D0CBD4

text

#120C15

muted

#817D83

Preview Lab

Preview with #9559CF

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

Preview Lab → · Contrast checker → · Palette generator →