#952E70#952E70
#952E70 is a mid, vivid pink. Relative luminance 0.095; OKLCH L 47.7% C 0.155 H 345.2°. Best body text is #FFFFFF at 7.23:1 contrast (WCAG AA passes).
Color values
| HEX | #952E70 |
|---|---|
| RGB | rgb(149, 46, 112) |
| HSL | hsl(322, 53%, 38%) |
| HSV | hsv(322, 69%, 58%) |
| CMYK | cmyk(0%, 69.1%, 24.8%, 41.6%) |
| CIE-LAB | lab(36.96, 49.51, -14.90) |
| CIE-LCH | lch(36.96, 51.70, 343.25°) |
| OKLab | oklab(47.69% 0.1495 -0.0396) |
| OKLCH | oklch(47.69% 0.155 345.2) |
| XYZ | xyz(16.2967, 9.5151, 16.3044) |
| Luminance | 0.0951 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Red Violet
#9E0168
ΔE00 4.22
Bruise
#7E4071
ΔE00 5.93
Deep Magenta
#A0025C
ΔE00 6.05
Dark Fuchsia
#9D0759
ΔE00 6.34
Dark Magenta
#960056
ΔE00 6.62
Light Eggplant
#894585
ΔE00 6.97
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#952E70 #2E9553
analogous
#862E95 #952E70 #952E3C
triadic
#952E70 #70952E #2E7095
tetradic
#952E70 #95862E #2E9553 #2E3C95
square
#952E70 #95862E #2E9553 #2E3C95
split-complementary
#952E70 #3C952E #2E9586
monochromatic
#37112A #66204D #952E70 #C33D93 #D26CAD
Accessibility & contrast
On white
7.23
#952E70 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.90
#952E70 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #952E70
7.23:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##952E70 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##952E70 | 1.00 | 7.23 | 2.90 | 7.23 |
| #FFFFFF | 7.23 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.90 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.23 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#394C72
Deuteranopia (green-blind)
#585D6E
Tritanopia (blue-blind)
#9F2D4B
Achromatopsia (no color)
#575757
Design tokens & code
CSS
--color: #952e70; /* rgb */ color: rgb(149, 46, 112); /* oklch */ color: oklch(47.7% 0.155 345.2);
Tailwind
colors: {
custom: {
50: '#b86f99',
500: '#952e70',
950: '#000000',
},
}SCSS
$custom: #952e70; $custom-light: #b86f99; $custom-dark: #000000;
JSON
{
"hex": "#952e70",
"rgb": {
"r": 149,
"g": 46,
"b": 112
},
"hsl": {
"h": 321.553,
"s": 52.821,
"l": 38.235
},
"oklch": {
"l": 0.47692,
"c": 0.15461,
"h": 345.2
},
"luminance": 0.09513
}Semantic roles & 50–950 ramp
primary
#952E70
secondary
#66B984
accent
#DC804C
background
#FBF7F9
surface
#F6EDF2
border
#D0C8CC
text
#12080E
muted
#817B7E