muted olive Color Codes
Color Preview
Muted Olive Color Codes
Related Colors
Complementary
#aa94d0
Analogous
hsl(112, 39%, 30%)
hsl(52, 39%, 30%)
Triadic
hsl(202, 39%, 30%)
hsl(322, 39%, 30%)
Tetradic
hsl(172, 39%, 30%)
hsl(262, 39%, 30%)
hsl(352, 39%, 30%)
HTML Snippets
.element { background-color: #556B2F; }.element { color: #556B2F; }This is how the text color would appear.
<span style="color: #556B2F;">Colored text</span>This text has an inline style applied.
Accessibility
Contrast Ratios
Black3.53 (AA Large)
White5.95 (AA)
Shades of Muted Olive
hsl(82, 39%, 0%)
hsl(82, 39%, 15%)
#556B2F
hsl(82, 39%, 45%)
hsl(82, 39%, 60%)
Color Blindness Simulations
Protanopia (Red-Blind)
#5f5f38
Deuteranopia (Green-Blind)
#5d5c3a
Tritanopia (Blue-Blind)
#566161
About muted olive
muted olive (#556B2F) is a versatile color that can be used in various design contexts. Explore its hex code, RGB and HSL values, and discover complementary colors to create stunning color palettes for your projects.