#C19CDA#C19CDA

#C19CDA is a light, moderate violet. Relative luminance 0.402; OKLCH L 74.8% C 0.096 H 311.3°. Best body text is #000000 at 9.04:1 contrast (WCAG AA passes).

Color values

HEX	#C19CDA
RGB	rgb(193, 156, 218)
HSL	hsl(276, 46%, 73%)
HSV	hsv(276, 28%, 85%)
CMYK	cmyk(11.5%, 28.4%, 0%, 14.5%)
CIE-LAB	lab(69.60, 25.13, -26.36)
CIE-LCH	lch(69.60, 36.42, 313.63°)
OKLab	oklab(74.77% 0.0632 -0.072)
OKLCH	oklch(74.77% 0.096 311.3)
XYZ	xyz(46.5335, 40.1769, 71.6196)
Luminance	0.4018 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#C19CDA #B5DA9C

analogous

#A29CDA #C19CDA #DA9CD4

triadic

#C19CDA #DAC19C #9CDAC1

tetradic

#C19CDA #DAA29C #B5DA9C #9CD4DA

square

#C19CDA #DAA29C #B5DA9C #9CD4DA

split-complementary

#C19CDA #D4DA9C #9CDAA2

monochromatic

#8944B7 #A56FC9 #C19CDA #DDC9EB #F1E9F7

Accessibility & contrast

On white

2.32

#C19CDA on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

9.04

#C19CDA on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #C19CDA

9.04:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##C19CDA	#FFFFFF	#000000	##000000
##C19CDA	1.00	2.32	9.04	9.04
#FFFFFF	2.32	1.00	21.00	21.00
#000000	9.04	21.00	1.00	1.00
##000000	9.04	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#92A8DD

Deuteranopia (green-blind)

#9AABD8

Tritanopia (blue-blind)

#BFA4B2

Achromatopsia (no color)

#AAAAAA

Design tokens & code

CSS

--color: #c19cda;
/* rgb */ color: rgb(193, 156, 218);
/* oklch */ color: oklch(74.8% 0.096 311.3);

Tailwind

colors: {
  custom: {
    50: '#d4b9e5',
    500: '#c19cda',
    950: '#000000',
  },
}

SCSS

$custom: #c19cda;
$custom-light: #d4b9e5;
$custom-dark: #000000;

JSON

{
  "hex": "#c19cda",
  "rgb": {
    "r": 193,
    "g": 156,
    "b": 218
  },
  "hsl": {
    "h": 275.806,
    "s": 45.588,
    "l": 73.333
  },
  "oklch": {
    "l": 0.74773,
    "c": 0.09583,
    "h": 311.3
  },
  "luminance": 0.40176
}

Semantic roles & 50–950 ramp

primary

#C19CDA

secondary

#E4EEDD

accent

#B92D65

background

#FDFBFE

surface

#FAF6FC

border

#D3D0D5

text

#141115

muted

#838084

Preview Lab

Preview with #C19CDA

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

Preview Lab → · Contrast checker → · Palette generator →