Preview
#afe683
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.45:1 · vs black: 14.47:1
HEX
#afe683
RGB
rgb(175, 230, 131)
RGBA
rgba(175, 230, 131, 1)
HSL
hsl(93, 66%, 71%)
HSV
hsv(93, 43%, 90%)
LAB
lab(85.68% -34.45 42.57)
LCH
lch(85.68% 54.76 128.98)
OKLAB
oklab(0.8646 -0.0948 0.1037)
OKLCH
oklch(0.8646 0.1405 132.43)
XYZ
xyz(50.07, 67.35, 31.83)
CMYK
cmyk(24%, 0%, 43%, 10%)
CSS
color: #afe683;
CSS variable
--color-afe683: #afe683;
SCSS
$color-afe683: #afe683;
Tailwind
yellow-200
Export
:root {
--#afe683-1: #afe683;
}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.