Preview
#5b4d63
Family: Purple
Accessibility on this swatch:
Contrast vs white: 7.82:1 · vs black: 2.69:1
HEX
#5b4d63
RGB
rgb(91, 77, 99)
RGBA
rgba(91, 77, 99, 1)
HSL
hsl(278, 13%, 35%)
HSV
hsv(278, 22%, 39%)
LAB
lab(34.87% 10.48 -10.64)
LCH
lch(34.87% 14.93 314.57)
OKLAB
oklab(0.4426 0.027 -0.0288)
OKLCH
oklch(0.4426 0.0395 313.15)
XYZ
xyz(9.22, 8.43, 12.94)
CMYK
cmyk(8%, 22%, 0%, 61%)
CSS
color: #5b4d63;
CSS variable
--color-5b4d63: #5b4d63;
SCSS
$color-5b4d63: #5b4d63;
Tailwind
violet-600
Export
:root {
--#5b4d63-1: #5b4d63;
}Imagination, luxury, and wisdom. Frequently used for premium, creative, and tech brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Purple family.