Preview
#bedbe9
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.45:1 · vs black: 14.5:1
HEX
#bedbe9
RGB
rgb(190, 219, 233)
RGBA
rgba(190, 219, 233, 1)
HSL
hsl(200, 49%, 83%)
HSV
hsv(200, 18%, 91%)
LAB
lab(85.75% -6.66 -10.06)
LCH
lch(85.75% 12.06 236.49)
OKLAB
oklab(0.8746 -0.0241 -0.0273)
OKLCH
oklch(0.8746 0.0364 228.56)
XYZ
xyz(61.27, 67.49, 86.87)
CMYK
cmyk(18%, 6%, 0%, 9%)
CSS
color: #bedbe9;
CSS variable
--color-bedbe9: #bedbe9;
SCSS
$color-bedbe9: #bedbe9;
Tailwind
sky-100
Export
:root {
--#bedbe9-1: #bedbe9;
}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.