Preview
#1872aa
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 5.22:1 · vs black: 4.03:1
HEX
#1872aa
RGB
rgb(24, 114, 170)
RGBA
rgba(24, 114, 170, 1)
HSL
hsl(203, 75%, 38%)
HSV
hsv(203, 86%, 67%)
LAB
lab(45.81% -4.61 -36.94)
LCH
lch(45.81% 37.23 262.89)
OKLAB
oklab(0.53 -0.0543 -0.105)
OKLCH
oklch(0.53 0.1182 242.65)
XYZ
xyz(13.65, 15.13, 40.22)
CMYK
cmyk(86%, 33%, 0%, 33%)
CSS
color: #1872aa;
CSS variable
--color-1872aa: #1872aa;
SCSS
$color-1872aa: #1872aa;
Tailwind
sky-600
Export
:root {
--#1872aa-1: #1872aa;
}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.