Preview
#cdd4cf
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.51:1 · vs black: 13.91:1
HEX
#cdd4cf
RGB
rgb(205, 212, 207)
RGBA
rgba(205, 212, 207, 1)
HSL
hsl(137, 8%, 82%)
HSV
hsv(137, 3%, 83%)
LAB
lab(84.26% -3.29 1.64)
LCH
lch(84.26% 3.68 153.5)
OKLAB
oklab(0.8631 -0.0092 0.0043)
OKLCH
oklch(0.8631 0.0102 154.95)
XYZ
xyz(59.98, 64.57, 68.32)
CMYK
cmyk(3%, 0%, 2%, 17%)
CSS
color: #cdd4cf;
CSS variable
--color-cdd4cf: #cdd4cf;
SCSS
$color-cdd4cf: #cdd4cf;
Tailwind
green-100
Export
:root {
--#cdd4cf-1: #cdd4cf;
}Growth, nature, and success. Strong for finance positives, eco brands, and health.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Green family.