HEX Color #C5A857 (Darkkhaki)

About #C5A857

Visually, #C5A857 is defined as a moderate orange. If you're using CSS, you might find it aligns closely with Darkkhaki. Its digital footprint relies on 197 parts red, 168 parts green, and 87 parts blue light.

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

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#C5A857

RGB197, 168, 87

HSL44.2°, 48.7%, 55.7%

CMYK0%, 15%, 56%, 23%

HSV44.2°, 55.8%, 77.3%

LAB69.9, 0.6, 45.2

XYZ38.7, 40.6, 14.8

Decimal12953687

Color Harmonies

Complementary

#C5A857 #5773C4

Analogous

#C47157 #AAC457

Triadic

#57C4A8 #A857C4

Tetradic

#57C471 #5773C4 #C457AA

Tints, Shades & Tones

Tints (Adding White)

#C5A857

#CBB169

#D1BB7C

#D8C58F

#DECEA1

#E5D8B4

#EBE2C7

#F2EBD9

#F8F5EC

#FFFFFF

Shades (Adding Black)

#C5A857

#AF954D

#998243

#83703A

#6D5D30

#574A26

#41381D

#2B2513

#151209

#000000

WCAG Contrast Accessibility

2.30:1

Text on #FFFFFF

FAIL

9.11:1

Text on #000000

AAA

2.20:1

Text on #F8FAFC

FAIL

7.75:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #C5A857; }

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

Similar Colors

Darkkhaki

#BDB76B