Preview
#bad6ee
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.51:1 · vs black: 13.94:1
HEX
#bad6ee
RGB
rgb(186, 214, 238)
RGBA
rgba(186, 214, 238, 1)
HSL
hsl(208, 60%, 83%)
HSV
hsv(208, 22%, 93%)
LAB
lab(84.33% -4.2 -14.86)
LCH
lch(84.33% 15.44 254.22)
OKLAB
oklab(0.8632 -0.0196 -0.0404)
OKLCH
oklch(0.8632 0.0449 244.12)
XYZ
xyz(59.72, 64.70, 90.21)
CMYK
cmyk(22%, 10%, 0%, 7%)
CSS
color: #bad6ee;
CSS variable
--color-bad6ee: #bad6ee;
SCSS
$color-bad6ee: #bad6ee;
Tailwind
sky-100
Export
:root {
--#bad6ee-1: #bad6ee;
}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.