HEX Color #E2C56D (Khaki)

About #E2C56D

At its core, #E2C56D is a light and moderate hue. If you're using CSS, you might find it aligns closely with Khaki. To achieve this exact tint on a monitor, you would use an RGB mix of 226, 197, and 109.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 0% cyan and 13% magenta inks. With a hue angle of 45.1 degrees, it sits comfortably in the yellow spectrum.

From a UX and accessibility standpoint, contrast is paramount. 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#E2C56D

RGB226, 197, 109

HSL45.1°, 66.9%, 65.7%

CMYK0%, 13%, 52%, 11%

HSV45.1°, 51.8%, 88.6%

LAB80.3, -0.7, 47.5

XYZ54.1, 57.2, 22.7

Decimal14861677

Color Harmonies

Complementary

#E2C56D #6D89E2

Analogous

#E28A6D #C4E26D

Triadic

#6DE2C5 #C46DE2

Tetradic

#6DE28A #6D89E2 #E26DC4

Tints, Shades & Tones

Tints (Adding White)

#E2C56D

#E5CB7D

#E8D18D

#EBD89D

#EEDEAD

#F2E5BE

#F5EBCE

#F8F2DE

#FBF8EE

#FFFFFF

Shades (Adding Black)

#E2C56D

#C8AF60

#AF9954

#968348

#7D6D3C

#645730

#4B4124

#322B18

#19150C

#000000

WCAG Contrast Accessibility

1.69:1

Text on #FFFFFF

FAIL

12.44:1

Text on #000000

AAA

1.61:1

Text on #F8FAFC

FAIL

10.58:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #E2C56D; }

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

Similar Colors

Khaki

#F0E68C