HEX Color #E2CCA0 (Wheat)

About #E2CCA0

The precise color #E2CCA0 is an excellent choice for modern design projects. Designers often compare it to the standard color Wheat. To achieve this exact tint on a monitor, you would use an RGB mix of 226, 204, and 160.

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

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. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#E2CCA0

RGB226, 204, 160

HSL40.0°, 53.2%, 75.7%

CMYK0%, 10%, 29%, 11%

HSV40.0°, 29.2%, 88.6%

LAB82.9, 1.1, 24.8

XYZ59.3, 61.9, 42.1

Decimal14863520

Color Harmonies

Complementary

#E2CCA0 #9FB5E2

Analogous

#E2AB9F #D6E29F

Triadic

#9FE2CC #CC9FE2

Tetradic

#9FE2AB #9FB5E2 #E29FD6

Tints, Shades & Tones

Tints (Adding White)

#E2CCA0

#E5D1AA

#E8D7B5

#EBDDBF

#EEE2CA

#F2E8D4

#F5EEDF

#F8F3E9

#FBF9F4

#FFFFFF

Shades (Adding Black)

#E2CCA0

#C8B58E

#AF9E7C

#96886A

#7D7158

#645A47

#4B4435

#322D23

#191611

#000000

WCAG Contrast Accessibility

1.57:1

Text on #FFFFFF

FAIL

13.38:1

Text on #000000

AAA

1.50:1

Text on #F8FAFC

FAIL

11.37:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #E2CCA0; }

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

Similar Colors

Wheat

#F5DEB3