#8D175F#8D175F
#8D175F is a dark, vivid pink. Relative luminance 0.071; OKLCH L 43.6% C 0.165 H 349.3°. Best body text is #FFFFFF at 8.68:1 contrast (WCAG AA passes).
Color values
| HEX | #8D175F |
|---|---|
| RGB | rgb(141, 23, 95) |
| HSL | hsl(323, 72%, 32%) |
| HSV | hsv(323, 84%, 55%) |
| CMYK | cmyk(0%, 83.7%, 32.6%, 44.7%) |
| CIE-LAB | lab(32.04, 52.88, -11.69) |
| CIE-LCH | lch(32.04, 54.16, 347.54°) |
| OKLab | oklab(43.6% 0.162 -0.0306) |
| OKLCH | oklch(43.6% 0.165 349.3) |
| XYZ | xyz(13.3572, 7.1034, 11.4919) |
| Luminance | 0.0710 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Red Violet
#9E0168
ΔE00 3.17
Dark Magenta
#960056
ΔE00 3.37
Reddish Purple
#910951
ΔE00 3.96
Dark Fuchsia
#9D0759
ΔE00 4.25
Deep Magenta
#A0025C
ΔE00 4.28
Mulberry
#920A4E
ΔE00 4.96
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#8D175F #178D45
analogous
#80178D #8D175F #8D1724
triadic
#8D175F #5F8D17 #175F8D
tetradic
#8D175F #8D8017 #178D45 #17248D
square
#8D175F #8D8017 #178D45 #17248D
split-complementary
#8D175F #248D17 #178D80
monochromatic
#240618 #580E3C #8D175F #C22082 #E03FA1
Accessibility & contrast
On white
8.68
#8D175F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.42
#8D175F on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #8D175F
8.68:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##8D175F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##8D175F | 1.00 | 8.68 | 2.42 | 8.68 |
| #FFFFFF | 8.68 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.42 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.68 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#2D3E61
Deuteranopia (green-blind)
#4F535C
Tritanopia (blue-blind)
#980D3A
Achromatopsia (no color)
#4B4B4B
Design tokens & code
CSS
--color: #8d175f; /* rgb */ color: rgb(141, 23, 95); /* oklch */ color: oklch(43.6% 0.165 349.3);
Tailwind
colors: {
custom: {
50: '#b3648c',
500: '#8d175f',
950: '#000000',
},
}SCSS
$custom: #8d175f; $custom-light: #b3648c; $custom-dark: #000000;
JSON
{
"hex": "#8d175f",
"rgb": {
"r": 141,
"g": 23,
"b": 95
},
"hsl": {
"h": 323.39,
"s": 71.951,
"l": 32.157
},
"oklch": {
"l": 0.43604,
"c": 0.16483,
"h": 349.3
},
"luminance": 0.07102
}Semantic roles & 50–950 ramp
primary
#8D175F
secondary
#40C072
accent
#EF8039
background
#FBF6F8
surface
#F6EBF0
border
#D0C6CB
text
#12060C
muted
#817A7D