Preview
#5b5161
Family: Purple
Accessibility on this swatch:
Contrast vs white: 7.51:1 · vs black: 2.79:1
HEX
#5b5161
RGB
rgb(91, 81, 97)
RGBA
rgba(91, 81, 97, 1)
HSL
hsl(278, 9%, 35%)
HSV
hsv(278, 16%, 38%)
LAB
lab(35.93% 7.5 -7.78)
LCH
lch(35.93% 10.81 313.95)
OKLAB
oklab(0.4505 0.0194 -0.0209)
OKLCH
oklch(0.4505 0.0285 312.87)
XYZ
xyz(9.41, 8.97, 12.54)
CMYK
cmyk(6%, 16%, 0%, 62%)
CSS
color: #5b5161;
CSS variable
--color-5b5161: #5b5161;
SCSS
$color-5b5161: #5b5161;
Tailwind
violet-600
Export
:root {
--#5b5161-1: #5b5161;
}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.