HEX Color #C5CC5F (Khaki)

About #C5CC5F

Visually, #C5CC5F is defined as a moderate yellow. Its closest recognized web color is Khaki. To achieve this exact tint on a monitor, you would use an RGB mix of 197, 204, and 95.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 3% 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. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#C5CC5F

RGB197, 204, 95

HSL63.9°, 51.7%, 58.6%

CMYK3%, 0%, 53%, 20%

HSV63.9°, 53.4%, 80.0%

LAB79.5, -17.3, 52.7

XYZ46.7, 55.9, 19.2

Decimal12962911

Color Harmonies

Complementary

#C5CC5F #655ECC

Analogous

#CC9C5E #8ECC5E

Triadic

#5EC5CC #CC5EC5

Tetradic

#5ECC9C #655ECC #CC5E8E

Tints, Shades & Tones

Tints (Adding White)

#C5CC5F

#CBD170

#D1D782

#D8DD94

#DEE2A6

#E5E8B7

#EBEEC9

#F2F3DB

#F8F9ED

#FFFFFF

Shades (Adding Black)

#C5CC5F

#AFB554

#999E49

#83883F

#6D7134

#575A2A

#41441F

#2B2D15

#15160A

#000000

WCAG Contrast Accessibility

1.72:1

Text on #FFFFFF

FAIL

12.18:1

Text on #000000

AAA

1.65:1

Text on #F8FAFC

FAIL

10.35:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #C5CC5F; }

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

Similar Colors

Khaki

#F0E68C