Preview
#ddebe4
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.23:1 · vs black: 17.08:1
HEX
#ddebe4
RGB
rgb(221, 235, 228)
RGBA
rgba(221, 235, 228, 1)
HSL
hsl(150, 26%, 89%)
HSV
hsv(150, 6%, 92%)
LAB
lab(91.86% -5.92 1.79)
LCH
lch(91.86% 6.18 163.18)
OKLAB
oklab(0.9276 -0.0169 0.0047)
OKLCH
oklch(0.9276 0.0175 164.46)
XYZ
xyz(73.53, 80.39, 85.03)
CMYK
cmyk(6%, 0%, 3%, 8%)
CSS
color: #ddebe4;
CSS variable
--color-ddebe4: #ddebe4;
SCSS
$color-ddebe4: #ddebe4;
Tailwind
emerald-100
Export
:root {
--#ddebe4-1: #ddebe4;
}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.