#C343CE#C343CE

#C343CE is a mid, highly saturated purple. Relative luminance 0.201; OKLCH L 61.5% C 0.226 H 324.5°. Best body text is #000000 at 5.01:1 contrast (WCAG AA passes).

Color values

HEX	#C343CE
RGB	rgb(195, 67, 206)
HSL	hsl(295, 59%, 54%)
HSV	hsv(295, 67%, 81%)
CMYK	cmyk(5.3%, 67.5%, 0%, 19.2%)
CIE-LAB	lab(51.92, 67.83, -47.21)
CIE-LCH	lch(51.92, 82.64, 325.16°)
OKLab	oklab(61.49% 0.1841 -0.1313)
OKLCH	oklch(61.49% 0.226 324.5)
XYZ	xyz(35.6525, 20.0748, 60.3775)
Luminance	0.2007 (WCAG relative)
Temperature	neutral
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#C343CE #4ECE43

analogous

#7D43CE #C343CE #CE4393

triadic

#C343CE #CEC343 #43CEC3

tetradic

#C343CE #CE7D43 #4ECE43 #4393CE

square

#C343CE #CE7D43 #4ECE43 #4393CE

split-complementary

#C343CE #93CE43 #43CE7D

monochromatic

#701F77 #9E2CA8 #C343CE #D274DB #E2A4E7

Accessibility & contrast

On white

4.19

#C343CE on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.01

#C343CE on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #C343CE

5.01:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##C343CE	#FFFFFF	#000000	##000000
##C343CE	1.00	4.19	5.01	5.01
#FFFFFF	4.19	1.00	21.00	21.00
#000000	5.01	21.00	1.00	1.00
##000000	5.01	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#2272D2

Deuteranopia (green-blind)

#5C81CB

Tritanopia (blue-blind)

#C75984

Achromatopsia (no color)

#7C7C7C

Design tokens & code

CSS

--color: #c343ce;
/* rgb */ color: rgb(195, 67, 206);
/* oklch */ color: oklch(61.5% 0.226 324.5);

Tailwind

colors: {
  custom: {
    50: '#d981dd',
    500: '#c343ce',
    950: '#000000',
  },
}

SCSS

$custom: #c343ce;
$custom-light: #d981dd;
$custom-dark: #000000;

JSON

{
  "hex": "#c343ce",
  "rgb": {
    "r": 195,
    "g": 67,
    "b": 206
  },
  "hsl": {
    "h": 295.252,
    "s": 58.65,
    "l": 53.529
  },
  "oklch": {
    "l": 0.61485,
    "c": 0.22608,
    "h": 324.5
  },
  "luminance": 0.20073
}

Semantic roles & 50–950 ramp

primary

#C343CE

secondary

#9DD499

accent

#E24652

background

#FDF8FD

surface

#FBEFFB

border

#D4CAD4

text

#150B15

muted

#837C83

Preview Lab

Preview with #C343CE

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

Preview Lab → · Contrast checker → · Palette generator →