#C76EAD#C76EAD
#C76EAD is a light, vivid pink. Relative luminance 0.263; OKLCH L 65.8% C 0.137 H 339.1°. Best body text is #000000 at 6.26:1 contrast (WCAG AA passes).
Color values
| HEX | #C76EAD |
|---|---|
| RGB | rgb(199, 110, 173) |
| HSL | hsl(318, 44%, 61%) |
| HSV | hsv(318, 45%, 78%) |
| CMYK | cmyk(0%, 44.7%, 13.1%, 22%) |
| CIE-LAB | lab(58.33, 43.60, -18.20) |
| CIE-LCH | lch(58.33, 47.25, 337.34°) |
| OKLab | oklab(65.83% 0.1275 -0.0487) |
| OKLCH | oklch(65.83% 0.137 339.1) |
| XYZ | xyz(36.6722, 26.3135, 42.6745) |
| Luminance | 0.2631 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Pale Magenta
#D767AD
ΔE00 3.15
Purplish Pink
#CE5DAE
ΔE00 3.96
Orchid (survey)
#C875C4
ΔE00 4.83
Orchid
#DA70D6
ΔE00 7.67
Soft Purple
#A66FB5
ΔE00 8.13
Purpleish Pink
#DF4EC8
ΔE00 8.23
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#C76EAD #6EC788
analogous
#B46EC7 #C76EAD #C76E80
triadic
#C76EAD #ADC76E #6EADC7
tetradic
#C76EAD #C7B46E #6EC788 #6E80C7
square
#C76EAD #C7B46E #6EC788 #6E80C7
split-complementary
#C76EAD #80C76E #6EC7B4
monochromatic
#87346E #B34593 #C76EAD #D89AC6 #E9C6DF
Accessibility & contrast
On white
3.35
#C76EAD on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.26
#C76EAD on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #C76EAD
6.26:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##C76EAD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##C76EAD | 1.00 | 3.35 | 6.26 | 6.26 |
| #FFFFFF | 3.35 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.26 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.26 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#7184AF
Deuteranopia (green-blind)
#8991AB
Tritanopia (blue-blind)
#D07086
Achromatopsia (no color)
#8C8C8C
Design tokens & code
CSS
--color: #c76ead; /* rgb */ color: rgb(199, 110, 173); /* oklch */ color: oklch(65.8% 0.137 339.1);
Tailwind
colors: {
custom: {
50: '#da9ac5',
500: '#c76ead',
950: '#000000',
},
}SCSS
$custom: #c76ead; $custom-light: #da9ac5; $custom-dark: #000000;
JSON
{
"hex": "#c76ead",
"rgb": {
"r": 199,
"g": 110,
"b": 173
},
"hsl": {
"h": 317.528,
"s": 44.279,
"l": 60.588
},
"oklch": {
"l": 0.65831,
"c": 0.13651,
"h": 339.1
},
"luminance": 0.26311
}Semantic roles & 50–950 ramp
primary
#C76EAD
secondary
#B7D9C1
accent
#B7562E
background
#FDF9FC
surface
#FBF2F8
border
#D4CCD1
text
#150E13
muted
#837E82