Preview
#546366
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 6.26:1 · vs black: 3.35:1
HEX
#546366
RGB
rgb(84, 99, 102)
RGBA
rgba(84, 99, 102, 1)
HSL
hsl(190, 10%, 36%)
HSV
hsv(190, 18%, 40%)
LAB
lab(40.84% -4.99 -3.62)
LCH
lch(40.84% 6.16 215.96)
OKLAB
oklab(0.4881 -0.0162 -0.0098)
OKLCH
oklch(0.4881 0.0189 211.17)
XYZ
xyz(10.52, 11.77, 14.29)
CMYK
cmyk(18%, 3%, 0%, 60%)
CSS
color: #546366;
CSS variable
--color-546366: #546366;
SCSS
$color-546366: #546366;
Tailwind
cyan-600
Export
:root {
--#546366-1: #546366;
}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.