#C039CC#C039CC

#C039CC is a mid, highly saturated purple. Relative luminance 0.185; OKLCH L 60.0% C 0.234 H 324.4°. Best body text is #000000 at 4.70:1 contrast (WCAG AA passes).

Color values

HEX	#C039CC
RGB	rgb(192, 57, 204)
HSL	hsl(295, 59%, 51%)
HSV	hsv(295, 72%, 80%)
CMYK	cmyk(5.9%, 72.1%, 0%, 20%)
CIE-LAB	lab(50.09, 70.41, -49.00)
CIE-LCH	lch(50.09, 85.78, 325.16°)
OKLab	oklab(60.05% 0.1906 -0.1365)
OKLCH	oklch(60.05% 0.234 324.4)
XYZ	xyz(34.0995, 18.4945, 58.8888)
Luminance	0.1849 (WCAG relative)
Temperature	neutral
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#C039CC #45CC39

analogous

#7639CC #C039CC #CC398E

triadic

#C039CC #CCC039 #39CCC0

tetradic

#C039CC #CC7639 #45CC39 #398ECC

square

#C039CC #CC7639 #45CC39 #398ECC

split-complementary

#C039CC #8ECC39 #39CC76

monochromatic

#681C6E #95299F #C039CC #CF6AD9 #DF9AE5

Accessibility & contrast

On white

4.47

#C039CC on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

4.70

#C039CC on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #C039CC

4.70:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##C039CC	#FFFFFF	#000000	##000000
##C039CC	1.00	4.47	4.70	4.70
#FFFFFF	4.47	1.00	21.00	21.00
#000000	4.70	21.00	1.00	1.00
##000000	4.70	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#006DD0

Deuteranopia (green-blind)

#557DC8

Tritanopia (blue-blind)

#C45380

Achromatopsia (no color)

#777777

Design tokens & code

CSS

--color: #c039cc;
/* rgb */ color: rgb(192, 57, 204);
/* oklch */ color: oklch(60.0% 0.234 324.4);

Tailwind

colors: {
  custom: {
    50: '#d77cdc',
    500: '#c039cc',
    950: '#000000',
  },
}

SCSS

$custom: #c039cc;
$custom-light: #d77cdc;
$custom-dark: #000000;

JSON

{
  "hex": "#c039cc",
  "rgb": {
    "r": 192,
    "g": 57,
    "b": 204
  },
  "hsl": {
    "h": 295.102,
    "s": 59.036,
    "l": 51.176
  },
  "oklch": {
    "l": 0.60047,
    "c": 0.23448,
    "h": 324.4
  },
  "luminance": 0.18492
}

Semantic roles & 50–950 ramp

primary

#C039CC

secondary

#95D190

accent

#E24652

background

#FDF8FD

surface

#FBEFFB

border

#D4CAD4

text

#150B15

muted

#837C83

Preview Lab

Preview with #C039CC

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

Preview Lab → · Contrast checker → · Palette generator →