#602188#602188

#602188 is a dark, vivid violet. Relative luminance 0.054; OKLCH L 39.7% C 0.164 H 308.5°. Best body text is #FFFFFF at 10.14:1 contrast (WCAG AA passes).

Color values

HEX	#602188
RGB	rgb(96, 33, 136)
HSL	hsl(277, 61%, 33%)
HSV	hsv(277, 76%, 53%)
CMYK	cmyk(29.4%, 75.7%, 0%, 46.7%)
CIE-LAB	lab(27.72, 46.11, -45.11)
CIE-LCH	lch(27.72, 64.51, 315.63°)
OKLab	oklab(39.75% 0.1019 -0.128)
OKLCH	oklch(39.75% 0.164 308.5)
XYZ	xyz(9.8107, 5.3522, 23.8040)
Luminance	0.0535 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Royal Purple (survey)

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#602188 #498821

analogous

#2C2188 #602188 #88217C

triadic

#602188 #886021 #218860

tetradic

#602188 #882C21 #498821 #217C88

square

#602188 #882C21 #498821 #217C88

split-complementary

#602188 #7C8821 #21882C

monochromatic

#1A0925 #3D1557 #602188 #832DB9 #A14FD4

Accessibility & contrast

On white

10.14

#602188 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.07

#602188 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #602188

10.14:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##602188	#FFFFFF	#000000	##FFFFFF
##602188	1.00	10.14	2.07	10.14
#FFFFFF	10.14	1.00	21.00	1.00
#000000	2.07	21.00	1.00	21.00
##FFFFFF	10.14	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#003F8B

Deuteranopia (green-blind)

#004286

Tritanopia (blue-blind)

#5A3953

Achromatopsia (no color)

#414141

Design tokens & code

CSS

--color: #602188;
/* rgb */ color: rgb(96, 33, 136);
/* oklch */ color: oklch(39.7% 0.164 308.5);

Tailwind

colors: {
  custom: {
    50: '#9163ab',
    500: '#602188',
    950: '#000000',
  },
}

SCSS

$custom: #602188;
$custom-light: #9163ab;
$custom-dark: #000000;

JSON

{
  "hex": "#602188",
  "rgb": {
    "r": 96,
    "g": 33,
    "b": 136
  },
  "hsl": {
    "h": 276.699,
    "s": 60.947,
    "l": 33.137
  },
  "oklch": {
    "l": 0.39748,
    "c": 0.16359,
    "h": 308.5
  },
  "luminance": 0.05352
}

Semantic roles & 50–950 ramp

primary

#602188

secondary

#77B84D

accent

#E44482

background

#F9F6FA

surface

#F2EBF4

border

#CCC6CE

text

#0D0610

muted

#7E7A7F

Preview Lab

Preview with #602188

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

Preview Lab → · Contrast checker → · Palette generator →