Preview
#c3d99b
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.53:1 · vs black: 13.72:1
HEX
#c3d99b
RGB
rgb(195, 217, 155)
RGBA
rgba(195, 217, 155, 1)
HSL
hsl(81, 45%, 73%)
HSV
hsv(81, 29%, 85%)
LAB
lab(83.75% -17.83 28.19)
LCH
lch(83.75% 33.36 122.31)
OKLAB
oklab(0.8536 -0.0479 0.0709)
OKLCH
oklch(0.8536 0.0856 124.04)
XYZ
xyz(53.23, 63.59, 40.47)
CMYK
cmyk(10%, 0%, 29%, 15%)
CSS
color: #c3d99b;
CSS variable
--color-c3d99b: #c3d99b;
SCSS
$color-c3d99b: #c3d99b;
Tailwind
yellow-200
Export
:root {
--#c3d99b-1: #c3d99b;
}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.