HEX Color #A0D342 (Yellowgreen)

About #A0D342

The hex code #A0D342 represents a beautifully specific shade of green. If you're using CSS, you might find it aligns closely with Yellowgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 160, 211, and 66.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 24% C, 0% M, 69% Y, and 17% K. This makes it a relatively light color when applied to physical surfaces.

From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#A0D342

RGB160, 211, 66

HSL81.1°, 62.2%, 54.3%

CMYK24%, 0%, 69%, 17%

HSV81.1°, 68.7%, 82.7%

LAB78.7, -37.5, 63.3

XYZ38.8, 54.5, 13.6

Decimal10539842

Color Harmonies

Complementary

#A0D342 #7542D2

Analogous

#D2BD42 #57D242

Triadic

#429FD2 #D2429F

Tetradic

#42D2BD #7542D2 #D24257

Tints, Shades & Tones

Tints (Adding White)

#A0D342

#AAD757

#B5DC6C

#BFE181

#CAE696

#D4EBAB

#DFF0C0

#E9F5D5

#F4FAEA

#FFFFFF

Shades (Adding Black)

#A0D342

#8EBB3A

#7CA433

#6A8C2C

#587524

#475D1D

#354616

#232E0E

#111707

#000000

WCAG Contrast Accessibility

1.77:1

Text on #FFFFFF

FAIL

11.89:1

Text on #000000

AAA

1.69:1

Text on #F8FAFC

FAIL

10.11:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #A0D342; }

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

Similar Colors

Yellowgreen

#9ACD32