HEX Color #A0E22C (Yellowgreen)

About #A0E22C

The precise color #A0E22C is an excellent choice for modern design projects. It is closely associated with the named CSS color Yellowgreen. Its digital footprint relies on 160 parts red, 226 parts green, and 44 parts blue light.

If you are designing for print, the four-color process is what matters most. The color uses 29% Cyan, 0% Magenta, 81% Yellow, and 11% Black. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#A0E22C

RGB160, 226, 44

HSL81.8°, 75.8%, 52.9%

CMYK29%, 0%, 81%, 11%

HSV81.8°, 80.5%, 88.6%

LAB82.9, -45.2, 74.3

XYZ42.1, 62.0, 12.1

Decimal10543660

Color Harmonies

Complementary

#A0E22C #6E2CE2

Analogous

#E2C82C #45E22C

Triadic

#2C9FE2 #E22C9F

Tetradic

#2CE2C8 #6E2CE2 #E22C45

Tints, Shades & Tones

Tints (Adding White)

#A0E22C

#AAE543

#B5E85A

#BFEB72

#CAEE89

#D4F2A1

#DFF5B8

#E9F8D0

#F4FBE7

#FFFFFF

Shades (Adding Black)

#A0E22C

#8EC827

#7CAF22

#6A961D

#587D18

#476413

#354B0E

#233209

#111904

#000000

WCAG Contrast Accessibility

1.57:1

Text on #FFFFFF

FAIL

13.41:1

Text on #000000

AAA

1.50:1

Text on #F8FAFC

FAIL

11.40:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #A0E22C; }

.text-color { color: #A0E22C; }

.border-color { border: 2px solid #A0E22C; }

Similar Colors

Yellowgreen

#9ACD32