#C174ED#C174ED
#C174ED is a light, vivid violet. Relative luminance 0.299; OKLCH L 69.0% C 0.185 H 311.9°. Best body text is #000000 at 6.99:1 contrast (WCAG AA passes).
Color values
| HEX | #C174ED |
|---|---|
| RGB | rgb(193, 116, 237) |
| HSL | hsl(278, 77%, 69%) |
| HSV | hsv(278, 51%, 93%) |
| CMYK | cmyk(18.6%, 51.1%, 0%, 7.1%) |
| CIE-LAB | lab(61.61, 50.87, -49.33) |
| CIE-LCH | lch(61.61, 70.86, 315.88°) |
| OKLab | oklab(69.02% 0.1235 -0.1378) |
| OKLCH | oklch(69.02% 0.185 311.9) |
| XYZ | xyz(43.5211, 29.9436, 83.5914) |
| Luminance | 0.2994 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Light Purple
#BF77F6
ΔE00 1.72
Easter Purple
#C071FE
ΔE00 2.79
Light Urple
#B36FF6
ΔE00 3.67
Bright Lavender
#C760FF
ΔE00 4.61
Bright Lilac
#C95EFB
ΔE00 4.66
Liliac
#C48EFD
ΔE00 6.48
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#C174ED #A0ED74
analogous
#8574ED #C174ED #ED74DC
triadic
#C174ED #EDC174 #74EDC1
tetradic
#C174ED #ED8574 #A0ED74 #74DCED
square
#C174ED #ED8574 #A0ED74 #74DCED
split-complementary
#C174ED #DCED74 #74ED85
monochromatic
#8C1ACC #A93EE6 #C174ED #D9AAF4 #F1E0FB
Accessibility & contrast
On white
3.00
#C174ED on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.99
#C174ED on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #C174ED
6.99:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##C174ED | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##C174ED | 1.00 | 3.00 | 6.99 | 6.99 |
| #FFFFFF | 3.00 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.99 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.99 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#5591F1
Deuteranopia (green-blind)
#6D96EA
Tritanopia (blue-blind)
#BC88A6
Achromatopsia (no color)
#959595
Design tokens & code
CSS
--color: #c174ed; /* rgb */ color: rgb(193, 116, 237); /* oklch */ color: oklch(69.0% 0.185 311.9);
Tailwind
colors: {
custom: {
50: '#d69ef3',
500: '#c174ed',
950: '#000000',
},
}SCSS
$custom: #c174ed; $custom-light: #d69ef3; $custom-dark: #000000;
JSON
{
"hex": "#c174ed",
"rgb": {
"r": 193,
"g": 116,
"b": 237
},
"hsl": {
"h": 278.182,
"s": 77.07,
"l": 69.216
},
"oklch": {
"l": 0.69024,
"c": 0.18504,
"h": 311.9
},
"luminance": 0.29943
}Semantic roles & 50–950 ramp
primary
#C174ED
secondary
#DAF0CD
accent
#D90C57
background
#FDF9FE
surface
#FAF2FD
border
#D3CCD5
text
#150F17
muted
#837E85