#AFA223 Color

Color Information

HEX#AFA223
RGB175, 162, 35
HSL54° , 67% , 41%
HSV54° , 80% , 69%
CMYK0%, 7%, 80%, 31%

Lighter Shades

#B9AD3D #C2B858 #CCC372 #D5CF8D #DFDAA7 #E9E5C1

Darker Shades

#9A8F1F #857B1B #706816 #5B5412 #46410E #312D0A

Complementary Palette

#978B1E #AFA223 #1E2A97 #2331AF #424EBA #BAAF42

Analogous Palette

#8E5833 #9A5F37 #A59821 #AFA223 #729A37 #7E9E4C

Triadic Palette

#9A8F1F #AFA223 #18B9A9 #34C1B3 #A918B9 #9515A3

Split Complementary Palette

#9E9220 #AFA223 #2377AF #3985B7 #5B23AF #52209E

Square Palette

#93881D #AFA223 #2DA45D #2D39A4 #AF2377 #BC468D

Tetradic Palette

#90851D #AFA223 #21C110 #2331AF #B010C1 #BE3BCC

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #AFA223 contains 175 red, 162 green, and 35 blue.

Contrast Ratio: 2.58:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 8.15:1