Preview
#c7e4ff
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.31:1 · vs black: 15.97:1
HEX
#c7e4ff
RGB
rgb(199, 228, 255)
RGBA
rgba(199, 228, 255, 1)
HSL
hsl(209, 100%, 89%)
HSV
hsv(209, 22%, 100%)
LAB
lab(89.32% -3.86 -16.24)
LCH
lch(89.32% 16.69 256.63)
OKLAB
oklab(0.9063 -0.0193 -0.0442)
OKLCH
oklch(0.9063 0.0482 246.41)
XYZ
xyz(69.34, 74.85, 105.38)
CMYK
cmyk(22%, 11%, 0%, 0%)
CSS
color: #c7e4ff;
CSS variable
--color-c7e4ff: #c7e4ff;
SCSS
$color-c7e4ff: #c7e4ff;
Tailwind
sky-100
Export
:root {
--#c7e4ff-1: #c7e4ff;
}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.