Preview
#72a1ca
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.74:1 · vs black: 7.67:1
HEX
#72a1ca
RGB
rgb(114, 161, 202)
RGBA
rgba(114, 161, 202, 1)
HSL
hsl(208, 45%, 62%)
HSV
hsv(208, 44%, 79%)
LAB
lab(64.43% -4.95 -25.94)
LCH
lch(64.43% 26.41 259.2)
OKLAB
oklab(0.6911 -0.0326 -0.072)
OKLCH
oklch(0.6911 0.079 245.64)
XYZ
xyz(30.34, 33.33, 60.70)
CMYK
cmyk(44%, 20%, 0%, 21%)
CSS
color: #72a1ca;
CSS variable
--color-72a1ca: #72a1ca;
SCSS
$color-72a1ca: #72a1ca;
Tailwind
sky-300
Export
:root {
--spectrum-#72a1ca-1: #72a1ca;
}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.