Preview
#cfdbbd
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.45:1 · vs black: 14.52:1
HEX
#cfdbbd
RGB
rgb(207, 219, 189)
RGBA
rgba(207, 219, 189, 1)
HSL
hsl(84, 29%, 80%)
HSV
hsv(84, 14%, 86%)
LAB
lab(85.81% -9.32 13.4)
LCH
lch(85.81% 16.32 124.82)
OKLAB
oklab(0.8743 -0.0243 0.0347)
OKLCH
oklch(0.8743 0.0424 125)
XYZ
xyz(60.25, 67.60, 58.01)
CMYK
cmyk(5%, 0%, 14%, 14%)
CSS
color: #cfdbbd;
CSS variable
--color-cfdbbd: #cfdbbd;
SCSS
$color-cfdbbd: #cfdbbd;
Tailwind
yellow-200
Export
:root {
--#cfdbbd-1: #cfdbbd;
}Energy, youth, and experimentation. High-visibility accents and playful UIs.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Lime family.