Preview
#5b5062
Family: Purple
Accessibility on this swatch:
Contrast vs white: 7.58:1 · vs black: 2.77:1
HEX
#5b5062
RGB
rgb(91, 80, 98)
RGBA
rgba(91, 80, 98, 1)
HSL
hsl(277, 10%, 35%)
HSV
hsv(277, 18%, 38%)
LAB
lab(35.68% 8.36 -8.78)
LCH
lch(35.68% 12.12 313.6)
OKLAB
oklab(0.4487 0.0215 -0.0237)
OKLCH
oklch(0.4487 0.032 312.21)
XYZ
xyz(9.39, 8.84, 12.77)
CMYK
cmyk(7%, 18%, 0%, 62%)
CSS
color: #5b5062;
CSS variable
--color-5b5062: #5b5062;
SCSS
$color-5b5062: #5b5062;
Tailwind
violet-600
Export
:root {
--#5b5062-1: #5b5062;
}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.