Preview
#cbecd3
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.27:1 · vs black: 16.48:1
HEX
#cbecd3
RGB
rgb(203, 236, 211)
RGBA
rgba(203, 236, 211, 1)
HSL
hsl(135, 46%, 86%)
HSV
hsv(135, 14%, 93%)
LAB
lab(90.5% -15.44 8.53)
LCH
lch(90.5% 17.64 151.08)
OKLAB
oklab(0.9125 -0.0429 0.0222)
OKLCH
oklch(0.9125 0.0483 152.64)
XYZ
xyz(66.38, 77.39, 73.06)
CMYK
cmyk(14%, 0%, 11%, 7%)
CSS
color: #cbecd3;
CSS variable
--color-cbecd3: #cbecd3;
SCSS
$color-cbecd3: #cbecd3;
Tailwind
green-100
Export
:root {
--#cbecd3-1: #cbecd3;
}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.