Preview
#7eaacd
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.47:1 · vs black: 8.52:1
HEX
#7eaacd
RGB
rgb(126, 170, 205)
RGBA
rgba(126, 170, 205, 1)
HSL
hsl(207, 44%, 65%)
HSV
hsv(207, 39%, 80%)
LAB
lab(67.72% -5.94 -22.5)
LCH
lch(67.72% 23.27 255.21)
OKLAB
oklab(0.7191 -0.0318 -0.0621)
OKLCH
oklch(0.7191 0.0698 242.88)
XYZ
xyz(33.99, 37.59, 63.21)
CMYK
cmyk(39%, 17%, 0%, 20%)
CSS
color: #7eaacd;
CSS variable
--color-7eaacd: #7eaacd;
SCSS
$color-7eaacd: #7eaacd;
Tailwind
sky-300
Export
:root {
--#7eaacd-1: #7eaacd;
}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.