Hex Color #AAE82A - Custom Color

Color Codes

HEX

#AAE82A

RGB

rgb(170, 232, 42)

HSL

hsl(80, 81%, 54%)

CMYK

cmyk(27%, 0%, 82%, 9%)

HSV

hsv(80, 82%, 91%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#E9C92B #A9E92B #4AE92B

Triadic

#A9E92B #2BA9E9 #E92BA9

Split Complementary

#A9E92B #2B4AE9 #C92BE9

Tetradic (Square)

#A9E92B #2BE9C9 #6A2BE9 #E92B4A

Complementary

#AAE82A #6A2BE9

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.47:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.29:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #AAE82A;

color: #AAE82A;

border-color: #AAE82A;

}

Tailwind CSS (with arbitrary values)

bg-[#AAE82A]

text-[#AAE82A]

border-[#AAE82A]

// Example usage: