Preview
#434446
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 9.75:1 · vs black: 2.15:1
HEX
#434446
RGB
rgb(67, 68, 70)
RGBA
rgba(67, 68, 70, 1)
HSL
hsl(220, 2%, 27%)
HSV
hsv(220, 4%, 27%)
LAB
lab(28.82% 0.04 -1.35)
LCH
lch(28.82% 1.35 271.7)
OKLAB
oklab(0.3864 -0.0003 -0.0036)
OKLCH
oklch(0.3864 0.0036 265.24)
XYZ
xyz(5.49, 5.77, 6.62)
CMYK
cmyk(4%, 3%, 0%, 73%)
CSS
color: #434446;
CSS variable
--color-434446: #434446;
SCSS
$color-434446: #434446;
Tailwind
slate-700
Export
:root {
--#434446-1: #434446;
}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.