olive drab Color Codes
Color Preview
Olive Drab Color Codes
Related Colors
Complementary
#9471dc
Analogous
hsl(110, 60%, 35%)
hsl(50, 60%, 35%)
Triadic
hsl(200, 60%, 35%)
hsl(320, 60%, 35%)
Tetradic
hsl(170, 60%, 35%)
hsl(260, 60%, 35%)
hsl(350, 60%, 35%)
HTML Snippets
.element { background-color: #6B8E23; }
.element { color: #6B8E23; }
This is how the text color would appear.
<span style="color: #6B8E23;">Colored text</span>
This text has an inline style applied.
Accessibility
Contrast Ratios
Black5.52 (AA)
White3.81 (AA Large)
Shades of Olive Drab
hsl(80, 60%, 5%)
hsl(80, 60%, 20%)
#6B8E23
hsl(80, 60%, 50%)
hsl(80, 60%, 65%)
Color Blindness Simulations
Protanopia (Red-Blind)
#7a7a34
Deuteranopia (Green-Blind)
#787639
Tritanopia (Blue-Blind)
#6d7f7d
Related Palettes
About olive drab
olive drab (#6B8E23) 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.