Preview
#414a51
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 9.04:1 · vs black: 2.32:1
HEX
#414a51
RGB
rgb(65, 74, 81)
RGBA
rgba(65, 74, 81, 1)
HSL
hsl(206, 11%, 29%)
HSV
hsv(206, 20%, 32%)
LAB
lab(30.91% -1.88 -5.38)
LCH
lch(30.91% 5.7 250.74)
OKLAB
oklab(0.4037 -0.008 -0.0146)
OKLCH
oklch(0.4037 0.0166 241.28)
XYZ
xyz(6.11, 6.62, 8.74)
CMYK
cmyk(20%, 9%, 0%, 68%)
CSS
color: #414a51;
CSS variable
--color-414a51: #414a51;
SCSS
$color-414a51: #414a51;
Tailwind
sky-700
Export
:root {
--#414a51-1: #414a51;
}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.