Preview
#577283
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 5.07:1 · vs black: 4.14:1
HEX
#577283
RGB
rgb(87, 114, 131)
RGBA
rgba(87, 114, 131, 1)
HSL
hsl(203, 20%, 43%)
HSV
hsv(203, 34%, 51%)
LAB
lab(46.58% -5.4 -12.52)
LCH
lch(46.58% 13.63 246.67)
OKLAB
oklab(0.5373 -0.023 -0.0343)
OKLCH
oklch(0.5373 0.0413 236.16)
XYZ
xyz(14.04, 15.70, 23.76)
CMYK
cmyk(34%, 13%, 0%, 49%)
CSS
color: #577283;
CSS variable
--color-577283: #577283;
SCSS
$color-577283: #577283;
Tailwind
sky-500
Export
:root {
--#577283-1: #577283;
}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.