#ECE5D2
Brown family

Ecru

Also known as: subtle · natural · soft · earthy · warm
Save
Hex #ECE5D2
RGB rgb(236, 229, 210)
HSL hsl(44°, 41%, 87%)
CMYK 0 · 3 · 11 · 7
RAL RAL 1013 · Oyster White
NCS S 1000-N

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western fashion, ecru symbolizes simplicity and sophistication, often associated with timeless elegance. Conversely, in some Asian cultures, it can signify humility and modesty, contrasting with the bold colors that dominate traditional attire.

The term 'ecru' originates from the French word for 'raw' or 'unbleached', first recorded in the 19th century. This color became popular in the 20th century, especially in fashion and interior design, as a chic alternative to stark whites and bright colors.

subtlenaturalsoftearthywarm

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Ecru. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 35 Browns →

Shades & tints

Nine steps of Ecru by lightness — from #7B776D (darkest) to #F5F1E8 (lightest). Click any to copy.

-40% #7B776D
-30% #979386
-20% #B3AEA0
-10% #D0CAB9
BASE #ECE5D2
+15% #EEE8D7
+30% #F1EBDD
+50% #F3EEE2
+70% #F5F1E8

Complementary

Sitting opposite Ecru at 224° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Ecru.

#ECE5D2
#D9CFC4
#A8A49D
#6B5B4D
#FFFFFF

Serene Neutrals

Calm balance
#ECE5D2
#BFAF9F
#8C7B6C
#4B3D32
#F2E9E0

Cozy Textures

Warm comfort
#ECE5D2
#C4B6A6
#D9D1C8
#B8A99A
#333333

Elegant Essentials

Refined simplicity

Ecru scale

A 50–900 tonal scale with Ecru anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FDFDFB
100 #FCFAF7
200 #F8F5EE
300 #F4F0E5
400 #F0EADB
500 #ECE5D2
600 #C2BCAC
700 #9C978B
800 #767369
900 #504E47

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 16.7:1
Ecru as text on… Ratio AA AAA
Aa White background 1.26:1 Fail Fail
Aa Black background 16.7:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #ECE5D2

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #ECE5D2;
CSS color-mix (lighten 30%) color-mix(in srgb, #ECE5D2 70%, white)
HSV / HSB 44°, 11%, 93%
CMYK (print) 0, 3, 11, 7
Decimal 15525330
Nearest web-safe #FFCCCC

Color vision

How Ecru appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#ECE5D2

Protanopia (no red)

#E9E9D7

Deuteranopia (no green)

#E9EAD8

Tritanopia (no blue)

#ECDADB
Khaki Brown
26 / 35 Browns Burnt Umber
Copied!