HEX Color #AFE91D (Greenyellow)

About #AFE91D

The hex code #AFE91D represents a beautifully specific shade of 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 29.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 25% cyan and 0% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#AFE91D

RGB175, 233, 29

HSL77.1°, 82.3%, 51.4%

CMYK25%, 0%, 88%, 9%

HSV77.1°, 87.6%, 91.4%

LAB85.7, -43.1, 80.3

XYZ47.0, 67.5, 11.7

Decimal11528477

Color Harmonies

Complementary

#AFE91D #571DE8

Analogous

#E8BC1D #48E81D

Triadic

#1DAEE8 #E81DAE

Tetradic

#1DE8BD #571DE8 #E81D48

Tints, Shades & Tones

Tints (Adding White)

#AFE91D

#B7EB36

#C0ED4F

#C9F068

#D2F281

#DBF59A

#E4F7B3

#EDFACC

#F6FCE5

#FFFFFF

Shades (Adding Black)

#AFE91D

#9BCF19

#88B516

#749B13

#618110

#4D670C

#3A4D09

#263306

#131903

#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.32:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #AFE91D; }

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

Similar Colors

Greenyellow

#ADFF2F