Olive Drab color values
| Format | Value |
|---|---|
| Hex | #6B8E23 |
| RGB | rgb(107, 142, 35) |
| HSL | hsl(80, 60%, 35%) |
| HSV | 80, 75%, 56% |
| CMYK (simple conversion) | 25%, 0%, 75%, 44% |
| Decimal | 7048739 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Olive Drab
A dull green with brown undertones, this color mimics traditional military uniforms. It appears frequently in tactical branding and rugged outdoor designs. The shade feels utilitarian and grounded, making it suitable for projects requiring a serious, no-nonsense aesthetic. It is one of the 148 CSS named colors.
Shades and tints of Olive Drab
Tints mix Olive Drab with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #7A9939 | #608020 |
| 20% | #89A54F | #56721C |
| 30% | #97B065 | #4B6319 |
| 40% | #A6BB7B | #405515 |
| 50% | #B5C791 | #364712 |
Color harmony for Olive Drab
These colors keep the same saturation and lightness as Olive Drab and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #46238E |
| Analogous | #8E7C23 #358E23 |
| Triadic | #236B8E #8E236B |
| Split complementary | #23358E #7C238E |
Contrast and accessibility
Contrast between #6B8E23 and white is 3.81:1 (large text only). Against black it is 5.52:1 (passes AA). For text on a Olive Drab background, black text is the more readable choice.
Use Olive Drab in CSS
.element {
color: olivedrab;
background-color: #6B8E23;
border-color: rgb(107 142 35);
outline-color: hsl(80 60% 35%);
}All four lines produce exactly the same color. The keyword olivedrab is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- darkolivegreen: #556B2F
- Olive: #808000
- forestgreen: #228B22
- dimgray: #696969
FAQ
What is the hex code for Olive Drab?
The hex code for Olive Drab is #6B8E23. As a CSS color keyword you can also write olivedrab.
What is Olive Drab in RGB?
Olive Drab is rgb(107, 142, 35): red 107, green 142, blue 35 on the 0 to 255 scale.
What color is closest to Olive Drab?
Of the CSS named colors, darkolivegreen (#556B2F) is the closest match to Olive Drab, followed by olive and forestgreen.
More colors
- Olive: previous page
- Orange: next page
- CSS named colors: the full list