Preview
#b0e0e6
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.43:1 · vs black: 14.65:1
HEX
#b0e0e6
RGB
rgb(176, 224, 230)
RGBA
rgba(176, 224, 230, 1)
HSL
hsl(187, 52%, 80%)
HSV
hsv(187, 23%, 90%)
LAB
lab(86.13% -14.09 -8.01)
LCH
lch(86.13% 16.21 209.62)
OKLAB
oklab(0.8751 -0.0452 -0.0218)
OKLCH
oklch(0.8751 0.0502 205.75)
XYZ
xyz(58.84, 68.25, 84.92)
CMYK
cmyk(23%, 3%, 0%, 10%)
CSS
color: #b0e0e6;
CSS variable
--color-b0e0e6: #b0e0e6;
SCSS
$color-b0e0e6: #b0e0e6;
Tailwind
cyan-200
Export
:root {
--powderblue-1: #b0e0e6;
}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.