Preview
#414e55
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 8.59:1 · vs black: 2.45:1
HEX
#414e55
RGB
rgb(65, 78, 85)
RGBA
rgba(65, 78, 85, 1)
HSL
hsl(201, 13%, 29%)
HSV
hsv(201, 24%, 33%)
LAB
lab(32.32% -3.35 -5.84)
LCH
lch(32.32% 6.73 240.16)
OKLAB
oklab(0.4152 -0.0126 -0.0158)
OKLCH
oklch(0.4152 0.0202 231.43)
XYZ
xyz(6.54, 7.23, 9.64)
CMYK
cmyk(24%, 8%, 0%, 67%)
CSS
color: #414e55;
CSS variable
--color-414e55: #414e55;
SCSS
$color-414e55: #414e55;
Tailwind
sky-700
Export
:root {
--#414e55-1: #414e55;
}Openness, clarity, and communication. Soft and approachable for modern interfaces.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Blue family.