Preview
#56486a
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 8.3:1 · vs black: 2.53:1
HEX
#56486a
RGB
rgb(86, 72, 106)
RGBA
rgba(86, 72, 106, 1)
HSL
hsl(265, 19%, 35%)
HSV
hsv(265, 32%, 42%)
LAB
lab(33.25% 13.53 -17.57)
LCH
lch(33.25% 22.18 307.6)
OKLAB
oklab(0.4299 0.0313 -0.0483)
OKLCH
oklch(0.4299 0.0576 302.94)
XYZ
xyz(8.76, 7.65, 14.65)
CMYK
cmyk(19%, 32%, 0%, 58%)
CSS
color: #56486a;
CSS variable
--color-56486a: #56486a;
SCSS
$color-56486a: #56486a;
Tailwind
violet-600
Export
:root {
--#56486a-1: #56486a;
}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.