#E2CC66

A light, moderate yellow closely aligning with Khaki.

About #E2CC66

At its core, #E2CC66 is a light and moderate hue. It is closely associated with the named CSS color Khaki. To achieve this exact tint on a monitor, you would use an RGB mix of 226, 204, and 102.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 0% C, 10% M, 55% Y, and 11% K. The HSL representation is 49.4° hue, 68.1% saturation, and 64.3% lightness.

Ensuring your text is legible against this background is a key part of web design. To prevent eye strain, #000000 text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#E2CC66
RGB226, 204, 102
HSL49.4°, 68.1%, 64.3%
CMYK0%, 10%, 55%, 11%
HSV49.4°, 54.9%, 88.6%
LAB82.0, -4.9, 52.9
XYZ55.4, 60.3, 21.3
Decimal14863462

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

1.61:1
Text on #FFFFFF
FAIL
13.06:1
Text on #000000
AAA
1.54:1
Text on #F8FAFC
FAIL
11.10:1
Text on #0F172A
AAA

CSS Implementation

.bg-color { background-color: #E2CC66; }
.text-color { color: #E2CC66; }
.border-color { border: 2px solid #E2CC66; }

Similar Colors

Khaki
#F0E68C