Preview
#cbf9ff
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.13:1 · vs black: 18.53:1
HEX
#cbf9ff
RGB
rgb(203, 249, 255)
RGBA
rgba(203, 249, 255, 1)
HSL
hsl(187, 100%, 90%)
HSV
hsv(187, 20%, 100%)
LAB
lab(95.02% -13.34 -7.72)
LCH
lch(95.02% 15.41 210.06)
OKLAB
oklab(0.952 -0.0428 -0.021)
OKLCH
oklch(0.952 0.0477 206.14)
XYZ
xyz(76.55, 87.67, 107.48)
CMYK
cmyk(20%, 2%, 0%, 0%)
CSS
color: #cbf9ff;
CSS variable
--color-cbf9ff: #cbf9ff;
SCSS
$color-cbf9ff: #cbf9ff;
Tailwind
cyan-100
Export
:root {
--#cbf9ff-1: #cbf9ff;
}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.