What color is Oatmeal?
Oatmeal is a warm, pale tan with soft yellow and grey undertones, hex #D1B399, close to the color of unbleached linen. The tone is muted and slightly dusty, without the brightness of cream or the depth of caramel.
What is the meaning of the color Oatmeal?
The name comes directly from the food: cooked oat porridge, which has been a dietary staple in Scotland and Northern England since at least the 14th century. As undyed and minimally processed wool and cotton fabrics grew popular in the 18th and 19th centuries, oatmeal became a standard trade term for their natural, off-white color. The term was in documented use by British textile merchants by the mid-1800s to describe undyed woolen goods sold in bulk. Marks and Spencer built much of its early knitwear range around this natural shade, anchoring oatmeal as a recognized commercial color in British retail.
What colors go with Oatmeal?
Colors that pair well with Oatmeal include:
Sage Green: soft, natural contrast
Terracotta: warm earthy depth
Charcoal: grounding, strong balance
Dusty Blue: cool, calm complement
Burnt Sienna: rich tonal warmth
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #D1B399 |
color: #D1B399;
|
| RGB | 209, 179, 153 |
color: rgb(209, 179, 153);
|
| RGB Percentage | 82%, 70%, 60% |
color: rgb(82%, 70%, 60%);
|
| CMYK | 0%, 14%, 27%, 18% | Not supported in CSS |
| HSL | 28°, 38%, 71% |
color: hsl(28, 38%, 71%);
|
| HSV | 28°, 27%, 82% | Not supported in CSS |
| CIE-LAB | 57, 6, 9 |
color: lab(57% 6 9);
|
| Decimal | 13743001 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
.oatmeal {
color: #D1B399;
}
$oatmeal: #D1B399;
rgb(209, 179, 153)