Preview
#45464a
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 9.43:1 · vs black: 2.23:1
HEX
#45464a
RGB
rgb(69, 70, 74)
RGBA
rgba(69, 70, 74, 1)
HSL
hsl(228, 3%, 28%)
HSV
hsv(228, 7%, 29%)
LAB
lab(29.76% 0.5 -2.54)
LCH
lch(29.76% 2.59 281.14)
OKLAB
oklab(0.3947 0.0006 -0.0068)
OKLCH
oklch(0.3947 0.0068 275.04)
XYZ
xyz(5.88, 6.14, 7.35)
CMYK
cmyk(7%, 5%, 0%, 71%)
CSS
color: #45464a;
CSS variable
--color-45464a: #45464a;
SCSS
$color-45464a: #45464a;
Tailwind
slate-700
Export
:root {
--#45464a-1: #45464a;
}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.