Straw

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

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