HEX Color #C5BD7C (Darkkhaki)

About #C5BD7C

The precise color #C5BD7C is an excellent choice for modern design projects. Designers often compare it to the standard color Darkkhaki. To achieve this exact tint on a monitor, you would use an RGB mix of 197, 189, and 124.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 0% C, 4% M, 37% Y, and 23% K. With a hue angle of 53.4 degrees, it sits comfortably in the yellow spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a light color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#C5BD7C

RGB197, 189, 124

HSL53.4°, 38.6%, 62.9%

CMYK0%, 4%, 37%, 23%

HSV53.4°, 37.1%, 77.3%

LAB75.9, -6.8, 33.9

XYZ44.9, 49.7, 26.3

Decimal12959100

Color Harmonies

Complementary

#C5BD7C #7B83C5

Analogous

#C5987B #A8C57B

Triadic

#7BC5BD #BD7BC5

Tetradic

#7BC598 #7B83C5 #C57BA8

Tints, Shades & Tones

Tints (Adding White)

#C5BD7C

#CBC48A

#D1CB99

#D8D3A7

#DEDAB6

#E5E1C4

#EBE9D3

#F2F0E1

#F8F7F0

#FFFFFF

Shades (Adding Black)

#C5BD7C

#AFA86E

#999360

#837E52

#6D6944

#575437

#413F29

#2B2A1B

#15150D

#000000

WCAG Contrast Accessibility

1.92:1

Text on #FFFFFF

FAIL

10.94:1

Text on #000000

AAA

1.83:1

Text on #F8FAFC

FAIL

9.30:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #C5BD7C; }

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

Similar Colors

Darkkhaki

#BDB76B