Preview
#afbda3
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.98:1 · vs black: 10.63:1
HEX
#afbda3
RGB
rgb(175, 189, 163)
RGBA
rgba(175, 189, 163, 1)
HSL
hsl(92, 16%, 69%)
HSV
hsv(92, 14%, 74%)
LAB
lab(74.92% -9.6 11.52)
LCH
lch(74.92% 15 129.81)
OKLAB
oklab(0.7803 -0.0255 0.0298)
OKLCH
oklch(0.7803 0.0392 130.55)
XYZ
xyz(42.49, 48.15, 41.70)
CMYK
cmyk(7%, 0%, 14%, 26%)
CSS
color: #afbda3;
CSS variable
--color-afbda3: #afbda3;
SCSS
$color-afbda3: #afbda3;
Tailwind
yellow-300
Export
:root {
--#afbda3-1: #afbda3;
}Vitality, optimism, and renewal. Friendly for outdoor and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Green family.