Preview
#554e65
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 7.88:1 · vs black: 2.66:1
HEX
#554e65
RGB
rgb(85, 78, 101)
RGBA
rgba(85, 78, 101, 1)
HSL
hsl(258, 13%, 35%)
HSV
hsv(258, 23%, 40%)
LAB
lab(34.64% 8.08 -12.3)
LCH
lch(34.64% 14.72 303.3)
OKLAB
oklab(0.4396 0.0184 -0.0335)
OKLCH
oklch(0.4396 0.0382 298.78)
XYZ
xyz(8.82, 8.32, 13.45)
CMYK
cmyk(16%, 23%, 0%, 60%)
CSS
color: #554e65;
CSS variable
--color-554e65: #554e65;
SCSS
$color-554e65: #554e65;
Tailwind
indigo-600
Export
:root {
--#554e65-1: #554e65;
}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.