Preview
#cdd5d3
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.49:1 · vs black: 14.05:1
HEX
#cdd5d3
RGB
rgb(205, 213, 211)
RGBA
rgba(205, 213, 211, 1)
HSL
hsl(165, 9%, 82%)
HSV
hsv(165, 4%, 84%)
LAB
lab(84.62% -3.08 0.04)
LCH
lch(84.62% 3.08 179.26)
OKLAB
oklab(0.8663 -0.0091 0.0001)
OKLCH
oklch(0.8663 0.0091 179.37)
XYZ
xyz(60.73, 65.27, 71.01)
CMYK
cmyk(4%, 0%, 1%, 16%)
CSS
color: #cdd5d3;
CSS variable
--color-cdd5d3: #cdd5d3;
SCSS
$color-cdd5d3: #cdd5d3;
Tailwind
teal-100
Export
:root {
--#cdd5d3-1: #cdd5d3;
}Balance, healing, and sophistication. Popular in wellness and modern dashboards.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Teal family.