HEX Color #AEF420 (Greenyellow)

About #AEF420

The precise color #AEF420 is an excellent choice for modern design projects. It is closely associated with the named CSS color Greenyellow. To achieve this exact tint on a monitor, you would use an RGB mix of 174, 244, and 32.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 29% cyan, 0% magenta, 87% yellow, and 4% black. The HSL representation is 79.8° hue, 90.6% saturation, and 54.1% lightness.

Ensuring your text is legible against this background is a key part of web design. 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#AEF420

RGB174, 244, 32

HSL79.8°, 90.6%, 54.1%

CMYK29%, 0%, 87%, 4%

HSV79.8°, 86.9%, 95.7%

LAB88.8, -48.0, 82.3

XYZ50.1, 73.8, 13.0

Decimal11465760

Color Harmonies

Complementary

#AEF420 #6620F3

Analogous

#F3D020 #44F320

Triadic

#20AEF3 #F320AD

Tetradic

#20F3D0 #6620F3 #F32044

Tints, Shades & Tones

Tints (Adding White)

#AEF420

#B7F538

#C0F651

#C9F76A

#D2F883

#DBFA9B

#E4FBB4

#EDFCCD

#F6FDE6

#FFFFFF

Shades (Adding Black)

#AEF420

#9AD81C

#87BD18

#74A215

#608711

#4D6C0E

#3A510A

#263607

#131B03

#000000

WCAG Contrast Accessibility

1.33:1

Text on #FFFFFF

FAIL

15.76:1

Text on #000000

AAA

1.27:1

Text on #F8FAFC

FAIL

13.40:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #AEF420; }

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

Similar Colors

Greenyellow

#ADFF2F