Preview
#57cdff
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.81:1 · vs black: 11.58:1
HEX
#57cdff
RGB
rgb(87, 205, 255)
RGBA
rgba(87, 205, 255, 1)
HSL
hsl(198, 100%, 67%)
HSV
hsv(198, 66%, 100%)
LAB
lab(77.82% -18.17 -34.25)
LCH
lch(77.82% 38.77 242.05)
OKLAB
oklab(0.8011 -0.0823 -0.0959)
OKLCH
oklch(0.8011 0.1264 229.36)
XYZ
xyz(43.80, 52.90, 102.49)
CMYK
cmyk(66%, 20%, 0%, 0%)
CSS
color: #57cdff;
CSS variable
--color-57cdff: #57cdff;
SCSS
$color-57cdff: #57cdff;
Tailwind
cyan-300
Export
:root {
--#57cdff-1: #57cdff;
}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.