Preview
#c3dddf
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.43:1 · vs black: 14.73:1
HEX
#c3dddf
RGB
rgb(195, 221, 223)
RGBA
rgba(195, 221, 223, 1)
HSL
hsl(184, 30%, 82%)
HSV
hsv(184, 13%, 87%)
LAB
lab(86.33% -8.18 -3.89)
LCH
lch(86.33% 9.06 205.43)
OKLAB
oklab(0.879 -0.0257 -0.0105)
OKLCH
oklch(0.879 0.0278 202.22)
XYZ
xyz(61.68, 68.64, 79.80)
CMYK
cmyk(13%, 1%, 0%, 13%)
CSS
color: #c3dddf;
CSS variable
--color-c3dddf: #c3dddf;
SCSS
$color-c3dddf: #c3dddf;
Tailwind
cyan-100
Export
:root {
--#c3dddf-1: #c3dddf;
}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.