HEX Color #AFB633 (Yellowgreen)

About #AFB633

The precise color #AFB633 is an excellent choice for modern design projects. 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, 182, and 51.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 4% cyan and 0% magenta inks. Always request a physical proof before doing a large print run with this exact code.

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

RGB175, 182, 51

HSL63.2°, 56.2%, 45.7%

CMYK4%, 0%, 72%, 29%

HSV63.2°, 72.0%, 71.4%

LAB71.4, -18.4, 61.9

XYZ35.0, 42.8, 9.5

Decimal11515443

Color Harmonies

Complementary

#AFB633 #3932B6

Analogous

#B67B32 #6DB632

Triadic

#32AEB6 #B632AE

Tetradic

#32B67B #3932B6 #B6326D

Tints, Shades & Tones

Tints (Adding White)

#AFB633

#B7BE49

#C0C660

#C9CE77

#D2D68D

#DBDEA4

#E4E6BB

#EDEED1

#F6F6E8

#FFFFFF

Shades (Adding Black)

#AFB633

#9BA12D

#888D27

#747922

#61651C

#4D5016

#3A3C11

#26280B

#131405

#000000

WCAG Contrast Accessibility

2.20:1

Text on #FFFFFF

FAIL

9.56:1

Text on #000000

AAA

2.10:1

Text on #F8FAFC

FAIL

8.13:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #AFB633; }

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

Similar Colors

Yellowgreen

#9ACD32