Preview
#c2ebff
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.26:1 · vs black: 16.62:1
HEX
#c2ebff
RGB
rgb(194, 235, 255)
RGBA
rgba(194, 235, 255, 1)
HSL
hsl(200, 100%, 88%)
HSV
hsv(200, 24%, 100%)
LAB
lab(90.83% -8.93 -14.02)
LCH
lch(90.83% 16.62 237.51)
OKLAB
oklab(0.9174 -0.0332 -0.0381)
OKLCH
oklch(0.9174 0.0505 228.93)
XYZ
xyz(70.00, 78.10, 105.98)
CMYK
cmyk(24%, 8%, 0%, 0%)
CSS
color: #c2ebff;
CSS variable
--color-c2ebff: #c2ebff;
SCSS
$color-c2ebff: #c2ebff;
Tailwind
sky-100
Export
:root {
--#c2ebff-1: #c2ebff;
}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.