Preview
#1576b2
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 4.92:1 · vs black: 4.27:1
HEX
#1576b2
RGB
rgb(21, 118, 178)
RGBA
rgba(21, 118, 178, 1)
HSL
hsl(203, 79%, 39%)
HSV
hsv(203, 88%, 70%)
LAB
lab(47.4% -4.17 -39.09)
LCH
lch(47.4% 39.31 263.91)
OKLAB
oklab(0.5439 -0.0563 -0.1112)
OKLCH
oklch(0.5439 0.1246 243.15)
XYZ
xyz(14.82, 16.33, 44.48)
CMYK
cmyk(88%, 34%, 0%, 30%)
CSS
color: #1576b2;
CSS variable
--color-1576b2: #1576b2;
SCSS
$color-1576b2: #1576b2;
Tailwind
sky-600
Export
:root {
--#1576b2-1: #1576b2;
}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.