Preview
#57b3dd
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.36:1 · vs black: 8.9:1
HEX
#57b3dd
RGB
rgb(87, 179, 221)
RGBA
rgba(87, 179, 221, 1)
HSL
hsl(199, 66%, 60%)
HSV
hsv(199, 61%, 87%)
LAB
lab(69.1% -15.05 -29.33)
LCH
lch(69.1% 32.97 242.84)
OKLAB
oklab(0.7273 -0.0678 -0.0819)
OKLCH
oklch(0.7273 0.1063 230.38)
XYZ
xyz(33.10, 39.48, 74.27)
CMYK
cmyk(61%, 19%, 0%, 13%)
CSS
color: #57b3dd;
CSS variable
--color-57b3dd: #57b3dd;
SCSS
$color-57b3dd: #57b3dd;
Tailwind
cyan-400
Export
:root {
--#57b3dd-1: #57b3dd;
}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.