HEX Color #AFB66D (Darkkhaki)

About #AFB66D

The precise color #AFB66D is an excellent choice for modern design projects. It is closely associated with the named CSS color Darkkhaki. To achieve this exact tint on a monitor, you would use an RGB mix of 175, 182, and 109.

If you are designing for print, the four-color process is what matters most. 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.

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#AFB66D

RGB175, 182, 109

HSL65.8°, 33.3%, 57.1%

CMYK4%, 0%, 40%, 29%

HSV65.8°, 40.1%, 71.4%

LAB72.0, -13.7, 36.3

XYZ37.2, 43.7, 20.9

Decimal11515501

Color Harmonies

Complementary

#AFB66D #736CB6

Analogous

#B6986C #8AB66C

Triadic

#6CAFB6 #B66CAE

Tetradic

#6CB698 #736CB6 #B66C8A

Tints, Shades & Tones

Tints (Adding White)

#AFB66D

#B7BE7D

#C0C68D

#C9CE9D

#D2D6AD

#DBDEBE

#E4E6CE

#EDEEDE

#F6F6EE

#FFFFFF

Shades (Adding Black)

#AFB66D

#9BA160

#888D54

#747948

#61653C

#4D5030

#3A3C24

#262818

#13140C

#000000

WCAG Contrast Accessibility

2.16:1

Text on #FFFFFF

FAIL

9.73:1

Text on #000000

AAA

2.06:1

Text on #F8FAFC

FAIL

8.28:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #AFB66D; }

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

Similar Colors

Darkkhaki

#BDB76B