#855978#855978
#855978 is a mid, moderate pink. Relative luminance 0.135; OKLCH L 52.2% C 0.072 H 338.1°. Best body text is #FFFFFF at 5.68:1 contrast (WCAG AA passes).
Color values
| HEX | #855978 |
|---|---|
| RGB | rgb(133, 89, 120) |
| HSL | hsl(318, 20%, 44%) |
| HSV | hsv(318, 33%, 52%) |
| CMYK | cmyk(0%, 33.1%, 9.8%, 47.8%) |
| CIE-LAB | lab(43.49, 23.26, -10.15) |
| CIE-LCH | lch(43.49, 25.38, 336.42°) |
| OKLab | oklab(52.2% 0.0673 -0.027) |
| OKLCH | oklch(52.2% 0.072 338.1) |
| XYZ | xyz(16.6353, 13.4881, 19.4929) |
| Luminance | 0.1349 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Dusky Purple
#895B7B
ΔE00 1.09
Dull Purple
#84597E
ΔE00 2.03
Dusty Purple
#825F87
ΔE00 4.57
Muted Purple
#805B87
ΔE00 5.02
Light Plum
#9D5783
ΔE00 5.86
Dirty Purple
#734A65
ΔE00 5.91
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#855978 #598566
analogous
#7C5985 #855978 #855962
triadic
#855978 #788559 #597885
tetradic
#855978 #857C59 #598566 #596285
square
#855978 #857C59 #598566 #596285
split-complementary
#855978 #628559 #59857C
monochromatic
#3C2836 #604057 #855978 #A47797 #BD9CB3
Accessibility & contrast
On white
5.68
#855978 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.70
#855978 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #855978
5.68:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##855978 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##855978 | 1.00 | 5.68 | 3.70 | 5.68 |
| #FFFFFF | 5.68 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.70 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.68 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#5A6379
Deuteranopia (green-blind)
#656977
Tritanopia (blue-blind)
#8A5A64
Achromatopsia (no color)
#676767
Design tokens & code
CSS
--color: #855978; /* rgb */ color: rgb(133, 89, 120); /* oklch */ color: oklch(52.2% 0.072 338.1);
Tailwind
colors: {
custom: {
50: '#a9889f',
500: '#855978',
950: '#000000',
},
}SCSS
$custom: #855978; $custom-light: #a9889f; $custom-dark: #000000;
JSON
{
"hex": "#855978",
"rgb": {
"r": 133,
"g": 89,
"b": 120
},
"hsl": {
"h": 317.727,
"s": 19.82,
"l": 43.529
},
"oklch": {
"l": 0.52198,
"c": 0.07249,
"h": 338.1
},
"luminance": 0.13487
}Semantic roles & 50–950 ramp
primary
#855978
secondary
#8FAB97
accent
#BC836B
background
#FAF8F9
surface
#F4F0F2
border
#CECBCC
text
#100B0E
muted
#7F7C7E