HEX Color #AFE93A (Yellowgreen)

About #AFE93A

When working with digital screens, the color #AFE93A is rendered by mixing light. Designers often compare it to the standard color Yellowgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 175, 233, and 58.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 25% C, 0% M, 75% Y, and 9% K. The HSL representation is 79.9° hue, 79.9% saturation, and 57.1% lightness.

Contrast ratios determine whether this color is safe for typography. 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#AFE93A

RGB175, 233, 58

HSL79.9°, 79.9%, 57.1%

CMYK25%, 0%, 75%, 9%

HSV79.9°, 75.1%, 91.4%

LAB85.9, -42.0, 73.3

XYZ47.6, 67.7, 14.6

Decimal11528506

Color Harmonies

Complementary

#AFE93A #7439E9

Analogous

#E9CB39 #57E939

Triadic

#39AEE9 #E939AE

Tetradic

#39E9CB #7439E9 #E93957

Tints, Shades & Tones

Tints (Adding White)

#AFE93A

#B7EB4F

#C0ED65

#C9F07B

#D2F291

#DBF5A7

#E4F7BD

#EDFAD3

#F6FCE9

#FFFFFF

Shades (Adding Black)

#AFE93A

#9BCF33

#88B52D

#749B26

#618120

#4D6719

#3A4D13

#26330C

#131906

#000000

WCAG Contrast Accessibility

1.44:1

Text on #FFFFFF

FAIL

14.54:1

Text on #000000

AAA

1.38:1

Text on #F8FAFC

FAIL

12.36:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #AFE93A; }

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

Similar Colors

Yellowgreen

#9ACD32