HEX Color #AFE924 (Greenyellow)

About #AFE924

Visually, #AFE924 is defined as a vivid green. If you're using CSS, you might find it aligns closely with Greenyellow. To achieve this exact tint on a monitor, you would use an RGB mix of 175, 233, and 36.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 25% Cyan, 0% Magenta, 85% Yellow, and 9% Black. The HSL representation is 77.7° hue, 81.7% saturation, and 52.7% lightness.

When using this color as a background, text legibility must be considered. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#AFE924

RGB175, 233, 36

HSL77.7°, 81.7%, 52.7%

CMYK25%, 0%, 85%, 9%

HSV77.7°, 84.5%, 91.4%

LAB85.8, -42.9, 79.0

XYZ47.1, 67.5, 12.2

Decimal11528484

Color Harmonies

Complementary

#AFE924 #5D24E8

Analogous

#E8C024 #4CE824

Triadic

#24AEE8 #E824AE

Tetradic

#24E8C0 #5D24E8 #E8244C

Tints, Shades & Tones

Tints (Adding White)

#AFE924

#B7EB3C

#C0ED54

#C9F06D

#D2F285

#DBF59D

#E4F7B6

#EDFACE

#F6FCE6

#FFFFFF

Shades (Adding Black)

#AFE924

#9BCF20

#88B51C

#749B18

#618114

#4D6710

#3A4D0C

#263308

#131904

#000000

WCAG Contrast Accessibility

1.45:1

Text on #FFFFFF

FAIL

14.50:1

Text on #000000

AAA

1.38:1

Text on #F8FAFC

FAIL

12.33:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #AFE924; }

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

Similar Colors

Greenyellow

#ADFF2F