Preview
#add2d5
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.62:1 · vs black: 12.96:1
HEX
#add2d5
RGB
rgb(173, 210, 213)
RGBA
rgba(173, 210, 213, 1)
HSL
hsl(185, 32%, 76%)
HSV
hsv(185, 19%, 84%)
LAB
lab(81.72% -11.51 -5.54)
LCH
lch(81.72% 12.77 205.7)
OKLAB
oklab(0.838 -0.0363 -0.015)
OKLCH
oklch(0.838 0.0393 202.45)
XYZ
xyz(52.29, 59.78, 71.72)
CMYK
cmyk(19%, 1%, 0%, 16%)
CSS
color: #add2d5;
CSS variable
--color-add2d5: #add2d5;
SCSS
$color-add2d5: #add2d5;
Tailwind
cyan-200
Export
:root {
--#add2d5-1: #add2d5;
}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.