Grain Brown Color
Grain Brown is a orange color with hex code #E4D5B7. This page covers its meaning, all color values, harmonies, colors that go with grain brown, shades, tints, similar colors, CSS examples, FAQs, and WCAG contrast ratios.
Grain Brown Color Values
What Does Grain Brown Mean?
Grain Brown belongs to the orange family of colors. Orange splits the difference between red's urgency and yellow's cheer. Food brands live here because warm oranges read as appetizing, and autumn design would be lost without them. As a rule of thumb, orange feels friendlier than red and louder than yellow. As a lighter shade, Grain Brown reads as airy and understated, comfortable working in backgrounds and across big surfaces.
In the ISCC-NBS color naming system, Grain Brown is classified as a pink (nearest centroid: pale yellowish pink, #ECD5C5).
Color Harmonies
Complementary
Analogous
Triadic
Colors That Go With Grain Brown
Grain Brown and #B9C7E4 are complements, parked opposite each other on the wheel. Together they hit maximum contrast, so a rough 70/30 split keeps the pairing from shouting.
Analogous neighbors — #E4C0B9 and #DDE4B9, which sit beside grain brown on the wheel. Pairings like this feel calm and settled, which suits backgrounds and gradients.
For an energetic three-color palette, pair grain brown with triadic partners #B9E4D6 and #D6B9E4. All three sit evenly spaced around the wheel, so the scheme stays lively without clashing.
Build and test these combinations in our Color Wheel Tool or check text readability with the Contrast Checker.
Tints and Shades
Tints (lighter)
Shades (darker)
Similar Colors
- Double Spanish White —
#E6D7B9(Delta E 1) - Stark White —
#E5D7BD(Delta E 2) - Raffia —
#EADAB8(Delta E 3) - Hampton —
#E5D8AF(Delta E 6) - Akaroa —
#D4C4A8(Delta E 6)
CSS Examples
.text { color: #E4D5B7; }
.background { background-color: #E4D5B7; }
.border { border: 2px solid #E4D5B7; }
.shadow { box-shadow: 0 4px 6px #E4D5B740; }WCAG Contrast
Frequently Asked Questions
What is the hex code for grain brown?
Grain Brown has the hex code #E4D5B7. In RGB notation it is rgb(228, 213, 183), in HSL it is hsl(40, 45%, 81%), and its OKLCH value is 0.877, 0.043, 84.6.
What does the color grain brown mean?
Orange-family colors like grain brown carry distinct psychological associations. Grain Brown belongs to the orange family of colors. Orange splits the difference between red's urgency and yellow's cheer. Food brands live here because warm oranges read as appetizing, and autumn design would be lost without them. As a rule of thumb, orange feels friendlier than red and louder than yellow. As a lighter shade, Grain Brown reads as airy and understated, comfortable working in backgrounds and across big surfaces.
What colors go with grain brown?
Grain Brown has three easy routes: its complement #B9C7E4 for punch, its neighbors #E4C0B9 and #DDE4B9 for something calmer, or triadic partners #B9E4D6 and #D6B9E4 when you want energy.
Is grain brown a standard web color?
No — Grain Brown is not a CSS keyword. Use its hex value #E4D5B7 or any RGB/HSL equivalent in your stylesheets.
How do I make grain brown lighter or darker?
To lighten grain brown, add white to create tints; to darken it, add black to create shades. The tints and shades table above shows five computed steps of each, from #FBF8F4 (lightest tint) to #342914 (darkest shade).
About Grain Brown
Grain Brown is classified as a Pink in the ISCC-NBS color naming system, within the Orange hue family. It has The color is recognized by Resene.
Use our Color Converter to convert #E4D5B7 to any other color format, or explore the Color Wheel to find harmonious color combinations.