#C66EFA#C66EFA

#C66EFA is a light, highly saturated violet. Relative luminance 0.301; OKLCH L 69.4% C 0.210 H 311.1°. Best body text is #000000 at 7.01:1 contrast (WCAG AA passes).

Color values

HEX	#C66EFA
RGB	rgb(198, 110, 250)
HSL	hsl(278, 93%, 71%)
HSV	hsv(278, 56%, 98%)
CMYK	cmyk(20.8%, 56%, 0%, 2%)
CIE-LAB	lab(61.71, 57.95, -56.32)
CIE-LCH	lch(61.71, 80.81, 315.82°)
OKLab	oklab(69.45% 0.138 -0.158)
OKLCH	oklch(69.45% 0.21 311.1)
XYZ	xyz(46.1168, 30.0607, 93.7969)
Luminance	0.3006 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#C66EFA #A2FA6E

analogous

#806EFA #C66EFA #FA6EE8

triadic

#C66EFA #FAC66E #6EFAC6

tetradic

#C66EFA #FA806E #A2FA6E #6EE8FA

square

#C66EFA #FA806E #A2FA6E #6EE8FA

split-complementary

#C66EFA #E8FA6E #6EFA80

monochromatic

#9308E6 #AF33F8 #C66EFA #DDA9FC #F3E1FE

Accessibility & contrast

On white

2.99

#C66EFA on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.01

#C66EFA on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #C66EFA

7.01:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##C66EFA	#FFFFFF	#000000	##000000
##C66EFA	1.00	2.99	7.01	7.01
#FFFFFF	2.99	1.00	21.00	21.00
#000000	7.01	21.00	1.00	1.00
##000000	7.01	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#4291FF

Deuteranopia (green-blind)

#6397F7

Tritanopia (blue-blind)

#C087AA

Achromatopsia (no color)

#959595

Design tokens & code

CSS

--color: #c66efa;
/* rgb */ color: rgb(198, 110, 250);
/* oklch */ color: oklch(69.4% 0.210 311.1);

Tailwind

colors: {
  custom: {
    50: '#da9bfc',
    500: '#c66efa',
    950: '#000000',
  },
}

SCSS

$custom: #c66efa;
$custom-light: #da9bfc;
$custom-dark: #000000;

JSON

{
  "hex": "#c66efa",
  "rgb": {
    "r": 198,
    "g": 110,
    "b": 250
  },
  "hsl": {
    "h": 277.714,
    "s": 93.333,
    "l": 70.588
  },
  "oklch": {
    "l": 0.69445,
    "c": 0.20983,
    "h": 311.1
  },
  "luminance": 0.3006
}

Semantic roles & 50–950 ramp

primary

#C66EFA

secondary

#DDF5CF

accent

#E60055

background

#FDF9FF

surface

#FBF2FF

border

#D4CCD7

text

#150E18

muted

#837E86

Preview Lab

Preview with #C66EFA

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

Preview Lab → · Contrast checker → · Palette generator →