#B93192#B93192
#B93192 is a mid, vivid pink. Relative luminance 0.146; OKLCH L 55.3% C 0.198 H 341.9°. Best body text is #FFFFFF at 5.36:1 contrast (WCAG AA passes).
Color values
| HEX | #B93192 |
|---|---|
| RGB | rgb(185, 49, 146) |
| HSL | hsl(317, 58%, 46%) |
| HSV | hsv(317, 74%, 73%) |
| CMYK | cmyk(0%, 73.5%, 21.1%, 27.5%) |
| CIE-LAB | lab(45.07, 62.58, -22.83) |
| CIE-LCH | lch(45.07, 66.62, 339.96°) |
| OKLab | oklab(55.26% 0.1878 -0.0613) |
| OKLCH | oklch(55.26% 0.198 341.9) |
| XYZ | xyz(26.2951, 14.5889, 28.6197) |
| Luminance | 0.1459 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Mediumvioletred
#C71585
ΔE00 4.13
Ugly Purple
#A442A0
ΔE00 5.64
Magenta (survey)
#C20078
ΔE00 6.14
Medium Purple
#9E43A2
ΔE00 6.99
Purpley Pink
#C83CB9
ΔE00 7.46
Warm Purple
#952E8F
ΔE00 7.88
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#B93192 #31B958
analogous
#9C31B9 #B93192 #B9314E
triadic
#B93192 #92B931 #3192B9
tetradic
#B93192 #B99C31 #31B958 #314EB9
square
#B93192 #B99C31 #31B958 #314EB9
split-complementary
#B93192 #4EB931 #31B99C
monochromatic
#581746 #89246C #B93192 #D255AE #DF86C5
Accessibility & contrast
On white
5.36
#B93192 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.92
#B93192 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #B93192
5.36:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##B93192 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##B93192 | 1.00 | 5.36 | 3.92 | 5.36 |
| #FFFFFF | 5.36 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.92 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.36 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#3D5C95
Deuteranopia (green-blind)
#68738F
Tritanopia (blue-blind)
#C5335E
Achromatopsia (no color)
#6B6B6B
Design tokens & code
CSS
--color: #b93192; /* rgb */ color: rgb(185, 49, 146); /* oklch */ color: oklch(55.3% 0.198 341.9);
Tailwind
colors: {
custom: {
50: '#d276b2',
500: '#b93192',
950: '#000000',
},
}SCSS
$custom: #b93192; $custom-light: #d276b2; $custom-dark: #000000;
JSON
{
"hex": "#b93192",
"rgb": {
"r": 185,
"g": 49,
"b": 146
},
"hsl": {
"h": 317.206,
"s": 58.12,
"l": 45.882
},
"oklch": {
"l": 0.5526,
"c": 0.19756,
"h": 341.9
},
"luminance": 0.14586
}Semantic roles & 50–950 ramp
primary
#B93192
secondary
#7DC893
accent
#E17346
background
#FDF7FA
surface
#FAEEF5
border
#D3C9CF
text
#150911
muted
#837B80