Preview
#557591
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 4.84:1 · vs black: 4.34:1
HEX
#557591
RGB
rgb(85, 117, 145)
RGBA
rgba(85, 117, 145, 1)
HSL
hsl(208, 26%, 45%)
HSV
hsv(208, 41%, 57%)
LAB
lab(47.88% -3.83 -18.85)
LCH
lch(47.88% 19.24 258.51)
OKLAB
oklab(0.5489 -0.0238 -0.0522)
OKLCH
oklch(0.5489 0.0574 245.49)
XYZ
xyz(15.22, 16.70, 29.20)
CMYK
cmyk(41%, 19%, 0%, 43%)
CSS
color: #557591;
CSS variable
--color-557591: #557591;
SCSS
$color-557591: #557591;
Tailwind
sky-500
Export
:root {
--#557591-1: #557591;
}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.