Olive is a dark, vivid shade in the yellow color family, with a warm feel. Its HEX code is #808000, which equals rgb(128, 128, 0) in RGB and hsl(60, 100%, 25%) in HSL. In print terms it converts to roughly C0 M0 Y100 K50, although exact CMYK results depend on the paper and color profile.
- HEX
#808000 - RGB
128, 128, 0 - HSL
60°, 100%, 25% - CMYK
0, 0, 100, 50 - Family
Yellow - Tone
Dark, vivid
About Olive
Yellow shades are bright, sunny and attention-grabbing. They suggest optimism and clarity, and are often used for highlights, warnings and happy, youthful designs. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 5.01:1. Its complementary color is #000080.
Download Olive as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Olive color codes
| HEX | #808000 |
|---|---|
| RGB | rgb(128, 128, 0) |
| HSL | hsl(60, 100%, 25%) |
| HSV | 60°, 100%, 50% |
| CMYK | 0%, 0%, 100%, 50% |
| Decimal | 8421376 |
Shades and tints of Olive
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EAEAD5 - 100
#D5D5AA - 200
#C0C080 - 300
#AAAA55 - 400
#95952B - 500
#808000 - 600
#6B6B00 - 700
#555500 - 800
#404000 - 900
#2B2B00 - 950
#151500
Color harmonies for Olive
- Complementary
#000080≈ Dark Blue Tone - Analogous −30°
#804000≈ Dark Orange Tone - Analogous +30°
#408000≈ Dark Apple - Triadic +120°
#008080≈ Dark Cyan Tone - Triadic +240°
#800080≈ Dark Magenta Tone - Split 150°
#004080≈ Dark Cerulean - Split 210°
#400080≈ Dark Violet Tone
Contrast and accessibility of Olive
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Olive | Aa | 4.20:1 | AA Large only |
| Black text on Olive | Aa | 5.01:1 | AA (good) |
CSS code for Olive
background-color: #808000;color: #808000;background-color: rgb(128, 128, 0);background-color: hsl(60, 100%, 25%);:root { --color-olive: #808000; }class="bg-[#808000]"Colors similar to Olive
- Dark Yellow
#858500 - Dark Citron
#778500 - Dark Gold
#857700 - Dark Bright Yellow
#77770D - Dark Lime
#6A8500 - Dark Bright Citron
#6D770D - Dark Marigold
#856A00 - Dark Bright Gold
#776D0D - Deep Bright Marigold
#9C8011 - Dark Bright Lime
#62770D - Dark Chartreuse
#5D8500 - Deep Soft Gold
#8B8023
More yellow shades
- Khaki
#F0E68C - Lemon Chiffon
#FFFACD - Light Yellow
#FFFFE0 - Cornsilk
#FFF8DC - Dark Khaki
#BDB76B - Light Goldenrod Yellow
#FAFAD2 - Pale Goldenrod
#EEE8AA - Yellow
#FFFF00 - Sage
#B2AC88 - Mustard
#FFDB58 - Cream
#FFFDD0
Frequently asked questions
What is the HEX code for Olive?
The HEX code for Olive is #808000.
What is the RGB value of Olive?
Olive has an RGB value of 128, 128, 0 (rgb(128, 128, 0)). In HSL it is 60°, 100%, 25%.
What text color should I use on Olive?
Use black text on Olive. White text has a contrast ratio of 4.20:1 and black text has 5.01:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Olive?
The complementary color of Olive is #000080. Analogous colors #804000 and #408000 also pair well.