Preview
#54595a
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 7.11:1 · vs black: 2.95:1
HEX
#54595a
RGB
rgb(84, 89, 90)
RGBA
rgba(84, 89, 90, 1)
HSL
hsl(190, 3%, 34%)
HSV
hsv(190, 7%, 35%)
LAB
lab(37.42% -1.75 -1.26)
LCH
lch(37.42% 2.16 215.75)
OKLAB
oklab(0.4599 -0.0056 -0.0034)
OKLCH
oklch(0.4599 0.0066 211.26)
XYZ
xyz(9.07, 9.77, 11.08)
CMYK
cmyk(7%, 1%, 0%, 65%)
CSS
color: #54595a;
CSS variable
--color-54595a: #54595a;
SCSS
$color-54595a: #54595a;
Tailwind
slate-600
Export
:root {
--#54595a-1: #54595a;
}Calm professionalism with cool neutrality. Excellent for dashboards and docs.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue Grey family.