Preview
#1770c6
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 5.04:1 · vs black: 4.17:1
HEX
#1770c6
RGB
rgb(23, 112, 198)
RGBA
rgba(23, 112, 198, 1)
HSL
hsl(209, 79%, 43%)
HSV
hsv(209, 88%, 78%)
LAB
lab(46.77% 7.43 -51.64)
LCH
lch(46.77% 52.17 278.19)
OKLAB
oklab(0.5427 -0.0458 -0.1482)
OKLCH
oklch(0.5427 0.1551 252.83)
XYZ
xyz(16.34, 15.85, 55.61)
CMYK
cmyk(88%, 43%, 0%, 22%)
CSS
color: #1770c6;
CSS variable
--color-1770c6: #1770c6;
SCSS
$color-1770c6: #1770c6;
Tailwind
sky-500
Export
:root {
--#1770c6-1: #1770c6;
}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.