Preview
#badeea
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.43:1 · vs black: 14.72:1
HEX
#badeea
RGB
rgb(186, 222, 234)
RGBA
rgba(186, 222, 234, 1)
HSL
hsl(195, 53%, 82%)
HSV
hsv(195, 21%, 92%)
LAB
lab(86.32% -9.21 -9.78)
LCH
lch(86.32% 13.43 226.72)
OKLAB
oklab(0.8785 -0.0316 -0.0265)
OKLCH
oklch(0.8785 0.0412 219.98)
XYZ
xyz(61.22, 68.62, 87.85)
CMYK
cmyk(21%, 5%, 0%, 8%)
CSS
color: #badeea;
CSS variable
--color-badeea: #badeea;
SCSS
$color-badeea: #badeea;
Tailwind
cyan-100
Export
:root {
--#badeea-1: #badeea;
}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.