Preview
#9cc3c4
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.91:1 · vs black: 11.02:1
HEX
#9cc3c4
RGB
rgb(156, 195, 196)
RGBA
rgba(156, 195, 196, 1)
HSL
hsl(182, 25%, 69%)
HSV
hsv(182, 20%, 77%)
LAB
lab(76.12% -12.68 -4.78)
LCH
lch(76.12% 13.55 200.66)
OKLAB
oklab(0.7893 -0.0394 -0.013)
OKLCH
oklch(0.7893 0.0415 198.26)
XYZ
xyz(43.19, 50.08, 59.61)
CMYK
cmyk(20%, 1%, 0%, 23%)
CSS
color: #9cc3c4;
CSS variable
--color-9cc3c4: #9cc3c4;
SCSS
$color-9cc3c4: #9cc3c4;
Tailwind
cyan-300
Export
:root {
--#9cc3c4-1: #9cc3c4;
}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.