Straw

#E4D96F

What color is Straw?

Straw is a pale, dusty yellow with a slight green tint, hex #E4D96F, close to the color of dried wheat stalks in late summer. It has more gray in it than a bright lemon yellow, giving it a muted, sun-faded quality.

What is the meaning of the color Straw?

The name comes from the dried plant material used for centuries in bedding, thatching, and weaving across Europe and Asia. By the 16th century, straw-colored fabrics were a recognized category in English textile trade, distinguishing undyed or lightly treated cloth from brighter yellows. The Oxford English Dictionary records straw as a color term in English by the late 1500s. The shade appears in the RAL Classic color system as RAL 1037, used in European industrial and architectural standards.

RGB
228, 217, 111
HSL
54°, 68%, 66%
CMYK
0, 5, 51, 11
HSV
54°, 51%, 89%
Straw color

What colors go with Straw?

Colors that pair well with Straw include:
Sage Green: soft, natural harmony
Terracotta: warm earthy contrast
Navy Blue: crisp, grounding depth
Cream: gentle tonal blend
Burnt Sienna: rich warm accent

Similar Colors

Conversions & Codes

Format Value CSS
HEX #E4D96F color: #E4D96F;
RGB 228, 217, 111 color: rgb(228, 217, 111);
RGB Percentage 89%, 85%, 44% color: rgb(89%, 85%, 44%);
CMYK 0%, 5%, 51%, 11% Not supported in CSS
HSL 54°, 68%, 66% color: hsl(54, 68%, 66%);
HSV 54°, 51%, 89% Not supported in CSS
CIE-LAB 53, 2, 35 color: lab(53% 2 35);
Decimal 14997871 Not supported in CSS

Color Variations

Shades

#E3D76D
#DED051
#D8C835
#C6B626
#AA9C20
#8D821B
#716816
#554E10

Tints

#F7F3D3
#F4EFC5
#F1EBB6
#EEE7A8
#ECE399
#E9DF8A
#E6DB7C
#E3D76D

Tones

#E3D76D
#DDD373
#D7CE79
#D2C97F
#CCC585
#C6C08B
#C0BB91
#BAB697

Hues

#E3D76D
#97E36D
#6DE39D
#6DD2E3
#6D79E3
#BA6DE3
#E36DB4
#E37F6D

Color Harmonies

Analogous

#E39D6D
Click to copy
97%
#E4D96F
Click to copy
100%
#B4E36D
Click to copy

Complementary

#E4D96F
Click to copy
100%
#6D79E3
Click to copy

Split Complementary

#E4D96F
Click to copy
100%
#6DB4E3
Click to copy
#9D6DE3
Click to copy

Triadic

#E4D96F
Click to copy
100%
#6DE3D7
Click to copy
#D76DE3
Click to copy

Tetradic

#E4D96F
Click to copy
100%
#6DE39D
Click to copy
#6D79E3
Click to copy
#E36DB4
Click to copy

Square

#E4D96F
Click to copy
100%
#6DE39D
Click to copy
#6D79E3
Click to copy
#E36DB4
Click to copy

CSS & Dev Snippets

CSS
.straw {
  color: #E4D96F;
}
SCSS
$straw: #E4D96F;
RGB
rgb(228, 217, 111)

Accessibility & Contrast

White background

1.45:1
1.45
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

14.45:1
14.45
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags