HEX Color #AFF057 (Yellowgreen)

About #AFF057

The precise color #AFF057 is an excellent choice for modern design projects. It is closely associated with the named CSS color Yellowgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 175, 240, and 87.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 27% Cyan, 0% Magenta, 64% Yellow, and 6% Black. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #000000 text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#AFF057

RGB175, 240, 87

HSL85.5°, 83.6%, 64.1%

CMYK27%, 0%, 64%, 6%

HSV85.5°, 63.7%, 94.1%

LAB88.0, -43.3, 65.2

XYZ50.6, 72.1, 20.3

Decimal11530327

Color Harmonies

Complementary

#AFF057 #9757EF

Analogous

#EFE457 #62EF57

Triadic

#57AEEF #EF57AE

Tetradic

#57EFE4 #9757EF #EF5762

Tints, Shades & Tones

Tints (Adding White)

#AFF057

#B7F169

#C0F37C

#C9F58F

#D2F6A1

#DBF8B4

#E4FAC7

#EDFBD9

#F6FDEC

#FFFFFF

Shades (Adding Black)

#AFF057

#9BD54D

#88BA43

#74A03A

#618530

#4D6A26

#3A501D

#263513

#131A09

#000000

WCAG Contrast Accessibility

1.36:1

Text on #FFFFFF

FAIL

15.42:1

Text on #000000

AAA

1.30:1

Text on #F8FAFC

FAIL

13.11:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #AFF057; }

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

Similar Colors

Yellowgreen

#9ACD32