Preview
#bee7ec
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.33:1 · vs black: 15.83:1
HEX
#bee7ec
RGB
rgb(190, 231, 236)
RGBA
rgba(190, 231, 236, 1)
HSL
hsl(187, 55%, 84%)
HSV
hsv(187, 19%, 93%)
LAB
lab(88.99% -12.17 -6.83)
LCH
lch(88.99% 13.96 209.3)
OKLAB
oklab(0.9005 -0.0389 -0.0186)
OKLCH
oklch(0.9005 0.0431 205.55)
XYZ
xyz(64.95, 74.15, 90.23)
CMYK
cmyk(19%, 2%, 0%, 7%)
CSS
color: #bee7ec;
CSS variable
--color-bee7ec: #bee7ec;
SCSS
$color-bee7ec: #bee7ec;
Tailwind
cyan-100
Export
:root {
--#bee7ec-1: #bee7ec;
}Freshness, clarity, and innovation. Great for tech accents and clean digital products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Cyan family.