Preview
#546569
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 6.1:1 · vs black: 3.44:1
HEX
#546569
RGB
rgb(84, 101, 105)
RGBA
rgba(84, 101, 105, 1)
HSL
hsl(191, 11%, 37%)
HSV
hsv(191, 20%, 41%)
LAB
lab(41.55% -5.45 -4.4)
LCH
lch(41.55% 7 218.92)
OKLAB
oklab(0.494 -0.018 -0.0119)
OKLCH
oklch(0.494 0.0216 213.47)
XYZ
xyz(10.86, 12.21, 15.15)
CMYK
cmyk(20%, 4%, 0%, 59%)
CSS
color: #546569;
CSS variable
--color-546569: #546569;
SCSS
$color-546569: #546569;
Tailwind
cyan-600
Export
:root {
--#546569-1: #546569;
}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.