HEX Color #A0D349 (Yellowgreen)

About #A0D349

At its core, #A0D349 is a medium and moderate hue. 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 73.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 24% cyan, 0% magenta, 65% yellow, and 17% black. The HSL representation is 82.2° hue, 61.1% saturation, and 55.7% lightness.

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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#A0D349

RGB160, 211, 73

HSL82.2°, 61.1%, 55.7%

CMYK24%, 0%, 65%, 17%

HSV82.2°, 65.4%, 82.7%

LAB78.8, -37.0, 60.6

XYZ39.0, 54.5, 14.8

Decimal10539849

Color Harmonies

Complementary

#A0D349 #7C48D3

Analogous

#D3C148 #5AD348

Triadic

#48A0D3 #D3489F

Tetradic

#48D3C1 #7C48D3 #D3485A

Tints, Shades & Tones

Tints (Adding White)

#A0D349

#AAD75D

#B5DC71

#BFE185

#CAE699

#D4EBAE

#DFF0C2

#E9F5D6

#F4FAEA

#FFFFFF

Shades (Adding Black)

#A0D349

#8EBB40

#7CA438

#6A8C30

#587528

#475D20

#354618

#232E10

#111708

#000000

WCAG Contrast Accessibility

1.76:1

Text on #FFFFFF

FAIL

11.91:1

Text on #000000

AAA

1.69:1

Text on #F8FAFC

FAIL

10.12:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #A0D349; }

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

Similar Colors

Yellowgreen

#9ACD32