#9B1982#9B1982
#9B1982 is a mid, vivid pink. Relative luminance 0.093; OKLCH L 47.8% C 0.193 H 337.8°. Best body text is #FFFFFF at 7.36:1 contrast (WCAG AA passes).
Color values
| HEX | #9B1982 |
|---|---|
| RGB | rgb(155, 25, 130) |
| HSL | hsl(312, 72%, 35%) |
| HSV | hsv(312, 84%, 61%) |
| CMYK | cmyk(0%, 83.9%, 16.1%, 39.2%) |
| CIE-LAB | lab(36.51, 60.22, -26.75) |
| CIE-LCH | lch(36.51, 65.90, 336.05°) |
| OKLab | oklab(47.84% 0.1785 -0.0728) |
| OKLCH | oklch(47.84% 0.193 337.8) |
| XYZ | xyz(17.8949, 9.2773, 21.9630) |
| Luminance | 0.0928 (WCAG relative) |
| Temperature | neutral |
| Family | pink |
Closest named colors
Warm Purple
#952E8F
ΔE00 3.64
Barney Purple
#A00498
ΔE00 4.19
Darkmagenta
#8B008B
ΔE00 5.45
Red Violet
#9E0168
ΔE00 5.80
Purple
#800080
ΔE00 6.75
Light Eggplant
#894585
ΔE00 7.48
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#9B1982 #199B32
analogous
#73199B #9B1982 #9B1941
triadic
#9B1982 #829B19 #19829B
tetradic
#9B1982 #9B7319 #199B32 #19419B
square
#9B1982 #9B7319 #199B32 #19419B
split-complementary
#9B1982 #419B19 #199B73
monochromatic
#32082A #661156 #9B1982 #D022AE #E24CC5
Accessibility & contrast
On white
7.36
#9B1982 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.86
#9B1982 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #9B1982
7.36:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##9B1982 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##9B1982 | 1.00 | 7.36 | 2.86 | 7.36 |
| #FFFFFF | 7.36 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.86 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.36 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#204985
Deuteranopia (green-blind)
#4F5D7F
Tritanopia (blue-blind)
#A4224E
Achromatopsia (no color)
#565656
Design tokens & code
CSS
--color: #9b1982; /* rgb */ color: rgb(155, 25, 130); /* oklch */ color: oklch(47.8% 0.193 337.8);
Tailwind
colors: {
custom: {
50: '#bd68a6',
500: '#9b1982',
950: '#000000',
},
}SCSS
$custom: #9b1982; $custom-light: #bd68a6; $custom-dark: #000000;
JSON
{
"hex": "#9b1982",
"rgb": {
"r": 155,
"g": 25,
"b": 130
},
"hsl": {
"h": 311.538,
"s": 72.222,
"l": 35.294
},
"oklch": {
"l": 0.47843,
"c": 0.19277,
"h": 337.8
},
"luminance": 0.09276
}Semantic roles & 50–950 ramp
primary
#9B1982
secondary
#4CC463
accent
#EF5C39
background
#FCF6FA
surface
#F8ECF4
border
#D1C7CE
text
#13070F
muted
#827A7F