Ecru is a medium-light, moderately saturated shade in the brown color family, with a warm feel. Its HEX code is #C2B280, which equals rgb(194, 178, 128) in RGB and hsl(45, 35%, 63%) in HSL. In print terms it converts to roughly C0 M8 Y34 K24, although exact CMYK results depend on the paper and color profile.
- HEX
#C2B280 - RGB
194, 178, 128 - HSL
45°, 35%, 63% - CMYK
0, 8, 34, 24 - Family
Brown - Tone
Medium-light, moderately saturated
About Ecru
Brown shades are earthy, warm and dependable. This family covers tans, beiges, woods and chocolates, and works well for natural, rustic and heritage-style designs. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 9.97:1. Its complementary color is #8090C2.
Download Ecru as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Ecru color codes
| HEX | #C2B280 |
|---|---|
| RGB | rgb(194, 178, 128) |
| HSL | hsl(45, 35%, 63%) |
| HSV | 45°, 34%, 76% |
| CMYK | 0%, 8%, 34%, 24% |
| Decimal | 12759680 |
Shades and tints of Ecru
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F5F2EA - 100
#EBE5D5 - 200
#E1D9C0 - 300
#D6CCAA - 400
#CCBF95 - 500
#C2B280 - 600
#A2946B - 700
#817755 - 800
#615940 - 900
#413B2B - 950
#201E15
Color harmonies for Ecru
- Complementary
#8090C2≈ Light Muted Cobalt - Analogous −30°
#C29080≈ Light Muted Scarlet - Analogous +30°
#B1C280≈ Light Muted Spring Bud - Triadic +120°
#80C2B1≈ Light Muted Seafoam - Triadic +240°
#B180C2≈ Light Muted Amethyst - Split 150°
#80B1C2≈ Light Muted Azure - Split 210°
#9080C2≈ Light Muted Indigo
Contrast and accessibility of Ecru
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Ecru | Aa | 2.11:1 | Fails |
| Black text on Ecru | Aa | 9.97:1 | AAA (excellent) |
CSS code for Ecru
background-color: #C2B280;color: #C2B280;background-color: rgb(194, 178, 128);background-color: hsl(45, 35%, 63%);:root { --color-ecru: #C2B280; }class="bg-[#C2B280]"Colors similar to Ecru
- Light Muted Tangerine
#CBAF86 - Light Muted Amber
#CBB686 - Light Muted Orange
#CBA886 - Light Muted Marigold
#CBBD86 - Sage
#B2AC88 - Tan
#D2B48C - Dark Khaki
#BDB76B - Medium Light Muted Marigold
#BFAE69 - Medium Light Muted Gold
#BFB669 - Light Dusty Marigold
#BAB397 - Light Dusty Amber
#BAAF97 - Light Dusty Gold
#BAB697
More brown shades
- Saddle Brown
#8B4513 - Beige
#F5F5DC - Dark Goldenrod
#B8860B - Sienna
#A0522D - Taupe
#483C32 - Rust
#B7410E - Mahogany
#C04000 - Camel
#C19A6B - Caramel
#AF6F09 - Coffee
#6F4E37 - Espresso
#3C2415
Frequently asked questions
What is the HEX code for Ecru?
The HEX code for Ecru is #C2B280.
What is the RGB value of Ecru?
Ecru has an RGB value of 194, 178, 128 (rgb(194, 178, 128)). In HSL it is 45°, 35%, 63%.
What text color should I use on Ecru?
Use black text on Ecru. White text has a contrast ratio of 2.11:1 and black text has 9.97:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Ecru?
The complementary color of Ecru is #8090C2. Analogous colors #C29080 and #B1C280 also pair well.