Preview
#cce1f0
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.35:1 · vs black: 15.6:1
HEX
#cce1f0
RGB
rgb(204, 225, 240)
RGBA
rgba(204, 225, 240, 1)
HSL
hsl(205, 55%, 87%)
HSV
hsv(205, 15%, 94%)
LAB
lab(88.44% -3.95 -9.66)
LCH
lch(88.44% 10.44 247.76)
OKLAB
oklab(0.8987 -0.0158 -0.0261)
OKLCH
oklch(0.8987 0.0305 238.81)
XYZ
xyz(67.55, 72.98, 92.95)
CMYK
cmyk(15%, 6%, 0%, 6%)
CSS
color: #cce1f0;
CSS variable
--color-cce1f0: #cce1f0;
SCSS
$color-cce1f0: #cce1f0;
Tailwind
sky-100
Export
:root {
--#cce1f0-1: #cce1f0;
}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.