HEX Color #AFD300 (Yellowgreen)

About #AFD300

Visually, #AFD300 is defined as a vivid yellow. It is closely associated with the named CSS color Yellowgreen. Its digital footprint relies on 175 parts red, 211 parts green, and 0 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 17% cyan and 0% magenta inks. The HSL representation is 70.2° hue, 100.0% saturation, and 41.4% lightness.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#AFD300

RGB175, 211, 0

HSL70.2°, 100.0%, 41.4%

CMYK17%, 0%, 100%, 17%

HSV70.2°, 100.0%, 82.7%

LAB79.4, -33.7, 78.8

XYZ41.0, 55.7, 8.6

Decimal11522816

Color Harmonies

Complementary

#AFD300 #2400D3

Analogous

#D38D00 #45D300

Triadic

#00AFD3 #D300AE

Tetradic

#00D38D #2400D3 #D30045

Tints, Shades & Tones

Tints (Adding White)

#AFD300

#B7D71C

#C0DC38

#C9E155

#D2E671

#DBEB8D

#E4F0AA

#EDF5C6

#F6FAE2

#FFFFFF

Shades (Adding Black)

#AFD300

#9BBB00

#88A400

#748C00

#617500

#4D5D00

#3A4600

#262E00

#131700

#000000

WCAG Contrast Accessibility

1.73:1

Text on #FFFFFF

FAIL

12.14:1

Text on #000000

AAA

1.65:1

Text on #F8FAFC

FAIL

10.32:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #AFD300; }

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

Similar Colors

Yellowgreen

#9ACD32