Preview
#1e8dd2
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 3.62:1 · vs black: 5.8:1
HEX
#1e8dd2
RGB
rgb(30, 141, 210)
RGBA
rgba(30, 141, 210, 1)
HSL
hsl(203, 75%, 47%)
HSV
hsv(203, 86%, 82%)
LAB
lab(56.06% -5.08 -43.67)
LCH
lch(56.06% 43.96 263.36)
OKLAB
oklab(0.6181 -0.0636 -0.1242)
OKLCH
oklch(0.6181 0.1395 242.88)
XYZ
xyz(21.69, 23.98, 64.45)
CMYK
cmyk(86%, 33%, 0%, 18%)
CSS
color: #1e8dd2;
CSS variable
--color-1e8dd2: #1e8dd2;
SCSS
$color-1e8dd2: #1e8dd2;
Tailwind
sky-500
Export
:root {
--#1e8dd2-1: #1e8dd2;
}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.