Preview
#afcf7d
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.74:1 · vs black: 12.04:1
HEX
#afcf7d
RGB
rgb(175, 207, 125)
RGBA
rgba(175, 207, 125, 1)
HSL
hsl(83, 46%, 65%)
HSV
hsv(83, 40%, 81%)
LAB
lab(79.17% -24.32 37.27)
LCH
lch(79.17% 44.5 123.13)
OKLAB
oklab(0.8119 -0.0668 0.0914)
OKLCH
oklch(0.8119 0.1132 126.16)
XYZ
xyz(43.69, 55.22, 27.75)
CMYK
cmyk(15%, 0%, 40%, 19%)
CSS
color: #afcf7d;
CSS variable
--color-afcf7d: #afcf7d;
SCSS
$color-afcf7d: #afcf7d;
Tailwind
yellow-300
Export
:root {
--#afcf7d-1: #afcf7d;
}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.