HTML named color
Olive color code
Use the Olive HTML color with HEX #808000, RGB 128,128,0 and HSL 60,100%,25%. Copy CSS examples, shades and accessible contrast combinations.
Jaunes
#808000
rgb(128,128,0)
HEX
#808000RGB
rgb(128,128,0)HSL
hsl(60,100%,25%)OKLCH
oklch(58.1% 0.127 109.8)CSS name
oliveHow to use this color
Olive can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.
CSS examples
.text-olive {
color: #808000;
}
.bg-olive {
background-color: olive;
}
.border-olive {
border-color: rgb(128,128,0);
}Shades palette
#333300#747402#B7B706#F4F40B#F4F44E#F6F692#FAFAD1