Preview
#454a4c
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 8.99:1 · vs black: 2.34:1
HEX
#454a4c
RGB
rgb(69, 74, 76)
RGBA
rgba(69, 74, 76, 1)
HSL
hsl(197, 5%, 28%)
HSV
hsv(197, 9%, 30%)
LAB
lab(31.08% -1.57 -1.89)
LCH
lch(31.08% 2.46 230.28)
OKLAB
oklab(0.4052 -0.0053 -0.0051)
OKLCH
oklch(0.4052 0.0074 223.9)
XYZ
xyz(6.21, 6.68, 7.80)
CMYK
cmyk(9%, 3%, 0%, 70%)
CSS
color: #454a4c;
CSS variable
--color-454a4c: #454a4c;
SCSS
$color-454a4c: #454a4c;
Tailwind
slate-700
Export
:root {
--#454a4c-1: #454a4c;
}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.