Preview
#558baa
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 3.71:1 · vs black: 5.66:1
HEX
#558baa
RGB
rgb(85, 139, 170)
RGBA
rgba(85, 139, 170, 1)
HSL
hsl(202, 33%, 50%)
HSV
hsv(202, 50%, 67%)
LAB
lab(55.38% -9.12 -21.89)
LCH
lch(55.38% 23.71 247.38)
OKLAB
oklab(0.6115 -0.0426 -0.0608)
OKLCH
oklch(0.6115 0.0742 234.98)
XYZ
xyz(20.23, 23.30, 41.45)
CMYK
cmyk(50%, 18%, 0%, 33%)
CSS
color: #558baa;
CSS variable
--color-558baa: #558baa;
SCSS
$color-558baa: #558baa;
Tailwind
sky-500
Export
:root {
--#558baa-1: #558baa;
}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.