Preview
#bfe4e6
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.36:1 · vs black: 15.46:1
HEX
#bfe4e6
RGB
rgb(191, 228, 230)
RGBA
rgba(191, 228, 230, 1)
HSL
hsl(183, 44%, 83%)
HSV
hsv(183, 17%, 90%)
LAB
lab(88.1% -11.59 -5)
LCH
lch(88.1% 12.62 203.34)
OKLAB
oklab(0.893 -0.0363 -0.0136)
OKLCH
oklch(0.893 0.0388 200.54)
XYZ
xyz(63.51, 72.27, 85.45)
CMYK
cmyk(17%, 1%, 0%, 10%)
CSS
color: #bfe4e6;
CSS variable
--color-bfe4e6: #bfe4e6;
SCSS
$color-bfe4e6: #bfe4e6;
Tailwind
cyan-100
Export
:root {
--#bfe4e6-1: #bfe4e6;
}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.