HEX Color #A89250 (Darkkhaki)

About #A89250

At its core, #A89250 is a medium and moderate hue. If you're using CSS, you might find it aligns closely with Darkkhaki. To achieve this exact tint on a monitor, you would use an RGB mix of 168, 146, and 80.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 0% cyan and 13% 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. 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#A89250

RGB168, 146, 80

HSL45.0°, 35.5%, 48.6%

CMYK0%, 13%, 52%, 34%

HSV45.0°, 52.4%, 65.9%

LAB61.2, -0.5, 37.7

XYZ27.9, 29.5, 11.8

Decimal11047504

Color Harmonies

Complementary

#A89250 #4F65A8

Analogous

#A8654F #92A84F

Triadic

#4FA892 #924FA8

Tetradic

#4FA865 #4F65A8 #A84F91

Tints, Shades & Tones

Tints (Adding White)

#A89250

#B19E63

#BBAA76

#C5B68A

#CEC29D

#D8CEB1

#E2DAC4

#EBE6D8

#F5F2EB

#FFFFFF

Shades (Adding Black)

#A89250

#958147

#82713E

#706135

#5D512C

#4A4023

#38301A

#252011

#121008

#000000

WCAG Contrast Accessibility

3.05:1

Text on #FFFFFF

AA Large

6.89:1

Text on #000000

AA

2.91:1

Text on #F8FAFC

FAIL

5.86:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #A89250; }

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

Similar Colors

Darkkhaki

#BDB76B