Preview
#404850
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 9.29:1 · vs black: 2.26:1
HEX
#404850
RGB
rgb(64, 72, 80)
RGBA
rgba(64, 72, 80, 1)
HSL
hsl(210, 11%, 28%)
HSV
hsv(210, 20%, 31%)
LAB
lab(30.17% -1.25 -5.86)
LCH
lch(30.17% 5.99 257.96)
OKLAB
oklab(0.3975 -0.0063 -0.0159)
OKLCH
oklch(0.3975 0.0171 248.39)
XYZ
xyz(5.88, 6.30, 8.49)
CMYK
cmyk(20%, 10%, 0%, 69%)
CSS
color: #404850;
CSS variable
--color-404850: #404850;
SCSS
$color-404850: #404850;
Tailwind
sky-700
Export
:root {
--#404850-1: #404850;
}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.