#952F6F#952F6F
#952F6F is a mid, vivid pink. Relative luminance 0.096; OKLCH L 47.8% C 0.153 H 345.8°. Best body text is #FFFFFF at 7.21:1 contrast (WCAG AA passes).
Color values
| HEX | #952F6F |
|---|---|
| RGB | rgb(149, 47, 111) |
| HSL | hsl(322, 52%, 38%) |
| HSV | hsv(322, 68%, 58%) |
| CMYK | cmyk(0%, 68.5%, 25.5%, 41.6%) |
| CIE-LAB | lab(37.06, 48.96, -14.11) |
| CIE-LCH | lch(37.06, 50.96, 343.93°) |
| OKLab | oklab(47.76% 0.148 -0.0374) |
| OKLCH | oklch(47.76% 0.153 345.8) |
| XYZ | xyz(16.2808, 9.5719, 16.0260) |
| Luminance | 0.0957 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Red Violet
#9E0168
ΔE00 4.30
Deep Magenta
#A0025C
ΔE00 5.92
Bruise
#7E4071
ΔE00 5.92
Dark Fuchsia
#9D0759
ΔE00 6.20
Dark Magenta
#960056
ΔE00 6.51
Light Eggplant
#894585
ΔE00 7.10
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#952F6F #2F9555
analogous
#882F95 #952F6F #952F3C
triadic
#952F6F #6F952F #2F6F95
tetradic
#952F6F #95882F #2F9555 #2F3C95
square
#952F6F #95882F #2F9555 #2F3C95
split-complementary
#952F6F #3C952F #2F9588
monochromatic
#38122A #66204C #952F6F #C23F91 #D16DAC
Accessibility & contrast
On white
7.21
#952F6F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.91
#952F6F on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #952F6F
7.21:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##952F6F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##952F6F | 1.00 | 7.21 | 2.91 | 7.21 |
| #FFFFFF | 7.21 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.91 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.21 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#3B4C71
Deuteranopia (green-blind)
#585E6D
Tritanopia (blue-blind)
#9F2D4A
Achromatopsia (no color)
#575757
Design tokens & code
CSS
--color: #952f6f; /* rgb */ color: rgb(149, 47, 111); /* oklch */ color: oklch(47.8% 0.153 345.8);
Tailwind
colors: {
custom: {
50: '#b86f98',
500: '#952f6f',
950: '#000000',
},
}SCSS
$custom: #952f6f; $custom-light: #b86f98; $custom-dark: #000000;
JSON
{
"hex": "#952f6f",
"rgb": {
"r": 149,
"g": 47,
"b": 111
},
"hsl": {
"h": 322.353,
"s": 52.041,
"l": 38.431
},
"oklch": {
"l": 0.47756,
"c": 0.15262,
"h": 345.8
},
"luminance": 0.0957
}Semantic roles & 50–950 ramp
primary
#952F6F
secondary
#67B886
accent
#DB824C
background
#FBF7F9
surface
#F6EDF2
border
#D0C8CC
text
#12080D
muted
#817B7E