HEX Color #A0DB07 (Yellowgreen)

About #A0DB07

Visually, #A0DB07 is defined as a vivid green. It is closely associated with the named CSS color Yellowgreen. Its digital footprint relies on 160 parts red, 219 parts green, and 7 parts blue light.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 27% cyan and 0% magenta inks. With a hue angle of 76.7 degrees, it sits comfortably in the green spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#A0DB07

RGB160, 219, 7

HSL76.7°, 93.8%, 44.3%

CMYK27%, 0%, 97%, 14%

HSV76.7°, 96.8%, 85.9%

LAB80.8, -43.1, 78.8

XYZ39.9, 58.2, 9.3

Decimal10541831

Color Harmonies

Complementary

#A0DB07 #4106DB

Analogous

#DBAC06 #35DB06

Triadic

#069FDB #DB069F

Tetradic

#06DBAC #4106DB #DB0635

Tints, Shades & Tones

Tints (Adding White)

#A0DB07

#AADF22

#B5E33E

#BFE759

#CAEB75

#D4EF90

#DFF3AC

#E9F7C7

#F4FBE3

#FFFFFF

Shades (Adding Black)

#A0DB07

#8EC206

#7CAA05

#6A9204

#587903

#476103

#354902

#233001

#111800

#000000

WCAG Contrast Accessibility

1.66:1

Text on #FFFFFF

FAIL

12.63:1

Text on #000000

AAA

1.59:1

Text on #F8FAFC

FAIL

10.74:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #A0DB07; }

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

Similar Colors

Yellowgreen

#9ACD32