Hex Color #AAE928 - Custom Color

Color Codes

HEX

#AAE928

RGB

rgb(170, 233, 40)

HSL

hsl(80, 81%, 54%)

CMYK

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

HSV

hsv(80, 83%, 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

#AAE928 #6A2BE9

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.46:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.40: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: #AAE928;

color: #AAE928;

border-color: #AAE928;

}

Tailwind CSS (with arbitrary values)

bg-[#AAE928]

text-[#AAE928]

border-[#AAE928]

// Example usage: