Preview
#554c6b
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 7.98:1 · vs black: 2.63:1
HEX
#554c6b
RGB
rgb(85, 76, 107)
RGBA
rgba(85, 76, 107, 1)
HSL
hsl(257, 17%, 36%)
HSV
hsv(257, 29%, 42%)
LAB
lab(34.32% 10.88 -16.56)
LCH
lch(34.32% 19.81 303.31)
OKLAB
oklab(0.438 0.0238 -0.0455)
OKLCH
oklch(0.438 0.0513 297.61)
XYZ
xyz(8.98, 8.16, 15.01)
CMYK
cmyk(21%, 29%, 0%, 58%)
CSS
color: #554c6b;
CSS variable
--color-554c6b: #554c6b;
SCSS
$color-554c6b: #554c6b;
Tailwind
indigo-600
Export
:root {
--#554c6b-1: #554c6b;
}Mystery, ambition, and creativity. Strong for artistic and spiritual associations.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Purple family.