Preview
#414346
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 9.92:1 · vs black: 2.12:1
HEX
#414346
RGB
rgb(65, 67, 70)
RGBA
rgba(65, 67, 70, 1)
HSL
hsl(216, 4%, 26%)
HSV
hsv(216, 7%, 27%)
LAB
lab(28.33% -0.14 -2.1)
LCH
lch(28.33% 2.1 266.19)
OKLAB
oklab(0.3821 -0.0012 -0.0056)
OKLCH
oklch(0.3821 0.0057 257.91)
XYZ
xyz(5.29, 5.58, 6.59)
CMYK
cmyk(7%, 4%, 0%, 73%)
CSS
color: #414346;
CSS variable
--color-414346: #414346;
SCSS
$color-414346: #414346;
Tailwind
slate-700
Export
:root {
--#414346-1: #414346;
}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.