Preview
#aee765
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.46:1 · vs black: 14.42:1
HEX
#aee765
RGB
rgb(174, 231, 101)
RGBA
rgba(174, 231, 101, 1)
HSL
hsl(86, 73%, 65%)
HSV
hsv(86, 56%, 91%)
LAB
lab(85.55% -38.49 56.48)
LCH
lch(85.55% 68.35 124.27)
OKLAB
oklab(0.8622 -0.108 0.1323)
OKLCH
oklch(0.8622 0.1708 129.23)
XYZ
xyz(48.38, 67.09, 22.71)
CMYK
cmyk(25%, 0%, 56%, 9%)
CSS
color: #aee765;
CSS variable
--color-aee765: #aee765;
SCSS
$color-aee765: #aee765;
Tailwind
yellow-300
Export
:root {
--#aee765-1: #aee765;
}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.