Olive
olive is a CSS color keyword. The closest Tailwind step is lime-700 (#4d7c0f).
#808000rgb(128, 128, 0)
- Hex
- #808000
- RGB
- 128, 128, 0
- HSL
- 60°, 100%, 25%
- OKLCH
- 58.1% 0.127 109.8
- LAB
- 51.9 -12.9 56.7
Text contrast
Black or white text on #808000. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.
Color vision
How #808000 looks in simulations of color blindness, at full severity.
#808000
#8b7a00
#8d7d13
#8a776c
Tonal scale
An OKLCH ramp that keeps this hue. The marked step is the closest lightness to olive.
Copy into CSS
color: olive;
background: #808000;@theme {
--color-olive-50: #fafd95;
--color-olive-100: #edef88;
--color-olive-200: #d6d871;
--color-olive-300: #babb54;
--color-olive-400: #9e9e34;
--color-olive-500: #808000;
--color-olive-600: #656500;
--color-olive-700: #4e4e00;
--color-olive-800: #383800;
--color-olive-900: #242400;
--color-olive-950: #0e0e00;
}