Preview
#71add0
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.44:1 · vs black: 8.59:1
HEX
#71add0
RGB
rgb(113, 173, 208)
RGBA
rgba(113, 173, 208, 1)
HSL
hsl(202, 50%, 63%)
HSV
hsv(202, 46%, 82%)
LAB
lab(67.98% -10.1 -23.81)
LCH
lch(67.98% 25.86 247.01)
OKLAB
oklab(0.7198 -0.0461 -0.066)
OKLCH
oklch(0.7198 0.0805 235.07)
XYZ
xyz(33.13, 37.95, 65.24)
CMYK
cmyk(46%, 17%, 0%, 18%)
CSS
color: #71add0;
CSS variable
--color-71add0: #71add0;
SCSS
$color-71add0: #71add0;
Tailwind
sky-300
Export
:root {
--#71add0-1: #71add0;
}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.