HEX Color #AFDB24 (Yellowgreen)

About #AFDB24

When working with digital screens, the color #AFDB24 is rendered by mixing light. It is closely associated with the named CSS color Yellowgreen. Its digital footprint relies on 175 parts red, 219 parts green, and 36 parts blue light.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 20% cyan and 0% magenta inks. With a hue angle of 74.4 degrees, it sits comfortably in the yellow spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #000000 text pairs best with this hex code. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#AFDB24

RGB175, 219, 36

HSL74.4°, 71.8%, 50.0%

CMYK20%, 0%, 84%, 14%

HSV74.4°, 83.6%, 85.9%

LAB81.8, -36.7, 75.6

XYZ43.3, 59.9, 10.9

Decimal11524900

Color Harmonies

Complementary

#AFDB24 #4F24DB

Analogous

#DBAB24 #53DB24

Triadic

#24AEDB #DB24AE

Tetradic

#24DBAB #4F24DB #DB2453

Tints, Shades & Tones

Tints (Adding White)

#AFDB24

#B7DF3C

#C0E354

#C9E76D

#D2EB85

#DBEF9D

#E4F3B6

#EDF7CE

#F6FBE6

#FFFFFF

Shades (Adding Black)

#AFDB24

#9BC220

#88AA1C

#749218

#617914

#4D6110

#3A490C

#263008

#131804

#000000

WCAG Contrast Accessibility

1.62:1

Text on #FFFFFF

FAIL

12.98:1

Text on #000000

AAA

1.55:1

Text on #F8FAFC

FAIL

11.04:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #AFDB24; }

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

Similar Colors

Yellowgreen

#9ACD32