Preview
#545864
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 7.1:1 · vs black: 2.96:1
HEX
#545864
RGB
rgb(84, 88, 100)
RGBA
rgba(84, 88, 100, 1)
HSL
hsl(225, 9%, 36%)
HSV
hsv(225, 16%, 39%)
LAB
lab(37.45% 1.2 -7.43)
LCH
lch(37.45% 7.53 279.17)
OKLAB
oklab(0.4612 0.0003 -0.0201)
OKLCH
oklch(0.4612 0.0201 270.86)
XYZ
xyz(9.45, 9.78, 13.45)
CMYK
cmyk(16%, 12%, 0%, 61%)
CSS
color: #545864;
CSS variable
--color-545864: #545864;
SCSS
$color-545864: #545864;
Tailwind
blue-600
Export
:root {
--#545864-1: #545864;
}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.