#CF7ECE#CF7ECE
#CF7ECE is a light, vivid purple. Relative luminance 0.326; OKLCH L 70.6% C 0.143 H 327.4°. Best body text is #000000 at 7.53:1 contrast (WCAG AA passes).
Color values
| HEX | #CF7ECE |
|---|---|
| RGB | rgb(207, 126, 206) |
| HSL | hsl(301, 46%, 65%) |
| HSV | hsv(301, 39%, 81%) |
| CMYK | cmyk(0%, 39.1%, 0.5%, 18.8%) |
| CIE-LAB | lab(63.87, 43.48, -28.37) |
| CIE-LCH | lch(63.87, 51.92, 326.88°) |
| OKLab | oklab(70.61% 0.1208 -0.0773) |
| OKLCH | oklch(70.61% 0.143 327.4) |
| XYZ | xyz(44.3327, 32.6453, 62.3465) |
| Luminance | 0.3264 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
Closest named colors
Orchid (survey)
#C875C4
ΔE00 2.70
Lavender Pink
#DD85D7
ΔE00 2.97
Orchid
#DA70D6
ΔE00 3.78
Purply Pink
#F075E6
ΔE00 6.04
Violet (CSS)
#EE82EE
ΔE00 6.28
Pale Purple
#B790D4
ΔE00 7.56
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#CF7ECE #7ECF7F
analogous
#A87ECF #CF7ECE #CF7EA5
triadic
#CF7ECE #CECF7E #7ECECF
tetradic
#CF7ECE #CFA87E #7ECF7F #7EA5CF
square
#CF7ECE #CFA87E #7ECF7F #7EA5CF
split-complementary
#CF7ECE #A5CF7E #7ECFA8
monochromatic
#993998 #BE51BD #CF7ECE #E0ABDF #F0D7F0
Accessibility & contrast
On white
2.79
#CF7ECE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.53
#CF7ECE on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #CF7ECE
7.53:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##CF7ECE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CF7ECE | 1.00 | 2.79 | 7.53 | 7.53 |
| #FFFFFF | 2.79 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.53 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.53 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#7894D1
Deuteranopia (green-blind)
#8D9FCB
Tritanopia (blue-blind)
#D4859C
Achromatopsia (no color)
#9B9B9B
Design tokens & code
CSS
--color: #cf7ece; /* rgb */ color: rgb(207, 126, 206); /* oklch */ color: oklch(70.6% 0.143 327.4);
Tailwind
colors: {
custom: {
50: '#dfa5dd',
500: '#cf7ece',
950: '#000000',
},
}SCSS
$custom: #cf7ece; $custom-light: #dfa5dd; $custom-dark: #000000;
JSON
{
"hex": "#cf7ece",
"rgb": {
"r": 207,
"g": 126,
"b": 206
},
"hsl": {
"h": 300.741,
"s": 45.763,
"l": 65.294
},
"oklch": {
"l": 0.70613,
"c": 0.14341,
"h": 327.4
},
"luminance": 0.32643
}Semantic roles & 50–950 ramp
primary
#CF7ECE
secondary
#C7E2C7
accent
#B92E2D
background
#FDFAFD
surface
#FBF4FB
border
#D4CED4
text
#150F15
muted
#837F83