HEX Color #E2AF16 (Goldenrod)

About #E2AF16

The hex code #E2AF16 represents a beautifully specific shade of yellow. Designers often compare it to the standard color Goldenrod. To achieve this exact tint on a monitor, you would use an RGB mix of 226, 175, and 22.

If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 0% C, 23% M, 90% Y, and 11% K. 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. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#E2AF16

RGB226, 175, 22

HSL45.0°, 82.3%, 48.6%

CMYK0%, 23%, 90%, 11%

HSV45.0°, 90.3%, 88.6%

LAB74.1, 6.5, 74.0

XYZ46.8, 46.9, 7.3

Decimal14855958

Color Harmonies

Complementary

#E2AF16 #1648E2

Analogous

#E24916 #AFE216

Triadic

#16E2AF #AF16E2

Tetradic

#16E249 #1648E2 #E216AE

Tints, Shades & Tones

Tints (Adding White)

#E2AF16

#E5B72F

#E8C049

#EBC963

#EED27D

#F2DB97

#F5E4B1

#F8EDCB

#FBF6E5

#FFFFFF

Shades (Adding Black)

#E2AF16

#C89B13

#AF8811

#96740E

#7D610C

#644D09

#4B3A07

#322604

#191302

#000000

WCAG Contrast Accessibility

2.02:1

Text on #FFFFFF

FAIL

10.38:1

Text on #000000

AAA

1.93:1

Text on #F8FAFC

FAIL

8.82:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #E2AF16; }

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

Similar Colors

Goldenrod

#DAA520