Preview
#b4e2e2
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.41:1 · vs black: 14.92:1
HEX
#b4e2e2
RGB
rgb(180, 226, 226)
RGBA
rgba(180, 226, 226, 1)
HSL
hsl(180, 44%, 80%)
HSV
hsv(180, 20%, 89%)
LAB
lab(86.79% -14.77 -4.9)
LCH
lch(86.79% 15.56 198.35)
OKLAB
oklab(0.8806 -0.0456 -0.0134)
OKLCH
oklch(0.8806 0.0475 196.38)
XYZ
xyz(59.74, 69.58, 82.22)
CMYK
cmyk(20%, 0%, 0%, 11%)
CSS
color: #b4e2e2;
CSS variable
--color-b4e2e2: #b4e2e2;
SCSS
$color-b4e2e2: #b4e2e2;
Tailwind
cyan-200
Export
:root {
--#b4e2e2-1: #b4e2e2;
}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.