#EFDFBB
RGB(239, 223, 187)
#39190F
#653322
#7A3D26
#954B28
#B3652C
#CB8335
#D49F4B
#DDB66C
#E8D29F
#EFDFBB
#FBF8EF
Color Values
HEX
#EFDFBB
RGB
rgb(239, 223, 187)
HSL
hsl(42°, 62%, 84%)
CMYK
0%, 7%, 22%, 6%
HSV
42°, 22%, 94%
XYZ
70.95, 74.71, 57.70
Color Variations
Triadic Colors
#EFDFBB
#BBEFDF
#DFBBEF
Analogous Colors
#EFDFBB
#E5EFBB
#EFC5BB
Monochromatic Colors
#E0C27D
#E5CC92
#EAD5A6
#EFDFBB
CSS Examples
Dutch Linen
.dutch-linen {
background: linear-gradient(
45deg,
#efdfbb 25%,
#e8d29f 25%,
#e8d29f 50%,
#efdfbb 50%,
#efdfbb 75%,
#e8d29f 75%
);
background-size: 20px 20px;
box-shadow: inset 0 0 30px rgba(221, 182, 108, 0.3);
}Sunlit Canvas
.sunlit-canvas {
background-color: #efdfbb;
background-image:
radial-gradient(
circle at 50% 50%,
#fbf8ef 0%,
transparent 45%
),
radial-gradient(
circle at 100% 0%,
#ddb66c 0%,
transparent 50%
);
box-shadow: inset 0 0 50px rgba(212, 159, 75, 0.2);
}Dutch Pottery
.dutch-pottery {
background: #efdfbb;
border-radius: 10px;
position: relative;
&::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:
repeating-radial-gradient(
circle at 30% 30%,
#e8d29f,
#efdfbb 10px
);
opacity: 0.7;
}
}Windmill Pattern
.windmill-pattern {
background-color: #efdfbb;
background-image:
linear-gradient(45deg, #ddb66c 25%, transparent 25%),
linear-gradient(-45deg, #ddb66c 25%, transparent 25%),
linear-gradient(45deg, transparent 75%, #ddb66c 75%),
linear-gradient(-45deg, transparent 75%, #ddb66c 75%);
background-size: 20px 20px;
background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}Dutch Morning
.dutch-morning {
background: linear-gradient(
135deg,
#fbf8ef 0%,
#efdfbb 25%,
#e8d29f 50%,
#ddb66c 75%,
#d49f4b 100%
);
position: relative;
&::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: repeating-linear-gradient(
-45deg,
transparent,
transparent 10px,
rgba(251, 248, 239, 0.1) 10px,
rgba(251, 248, 239, 0.1) 20px
);
}
}About Dutch White
Dutch White (#EFDFBB) is a soft and warm color commonly associated with sunny (92.5% match), dry (92.2% match), and wholesome (91.8% match) feelings. This versatile color creates different moods when combined with various colors.
Color Combinations
- With Flax: Appears dry and traditional
- With Deep Taupe: Creates a sublime mood
- With Granite Gray: Evokes traditional and metallic feelings
- With Pale Cornflower Blue (#BDCCEF): Conveys light and delicate emotions
Triadic Harmony
When combined with its triadic colors:
- Magic Mint (#BCEFE0)
- Mauve (#E0BCEF)
- Creates a tranquil and dreamy atmosphere
- Shifts from "casual" to "natural" category
Applications
Dutch White is perfect for:
- Interior design
- Natural and organic themes
- Traditional Dutch-inspired designs
- Warm, inviting web interfaces
- Vintage and rustic aesthetics
