Preview
#559edf
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.86:1 · vs black: 7.34:1
HEX
#559edf
RGB
rgb(85, 158, 223)
RGBA
rgba(85, 158, 223, 1)
HSL
hsl(208, 68%, 60%)
HSV
hsv(208, 62%, 87%)
LAB
lab(63.1% -3.24 -39.75)
LCH
lch(63.1% 39.88 265.34)
OKLAB
oklab(0.6798 -0.0464 -0.1121)
OKLCH
oklch(0.6798 0.1213 247.51)
XYZ
xyz(29.29, 31.71, 74.37)
CMYK
cmyk(62%, 29%, 0%, 13%)
CSS
color: #559edf;
CSS variable
--color-559edf: #559edf;
SCSS
$color-559edf: #559edf;
Tailwind
sky-400
Export
:root {
--#559edf-1: #559edf;
}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.