Code couleur olive (#808000)

Olive est #808000 en hexadécimal et rgb(128, 128, 0) : un jaune foncé. Ci-dessous, tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Olive
#808000
Nom CSSolive
Hex#808000
RGBrgb(128, 128, 0)
HSLhsl(60 100% 25%)
HWBhwb(60 0% 50%)
CMYK0%, 0%, 100%, 50%

Teintes et nuances

Harmonies de couleurs

À propos de la couleur olive

Olive (olive) est un jaune foncé et vif, de code hexadécimal #808000, soit rgb(128, 128, 0). En HSL, sa teinte est de 60°, sa saturation de 100 % et sa luminosité de 25 %. Elle fait partie des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: olive; à la place de la valeur hexadécimale.

Utiliser olive pour le texte et les fonds

AssociationRatio de contrasteWCAG
Texte olive sur blanc4.20 : 1AA grands textes uniquement
Texte olive sur noir5.01 : 1AA

Sur un fond olive, utilisez un texte en noir (5.01 : 1). Le WCAG exige au moins 4.5 : 1 pour le texte courant et 3 : 1 pour les grands textes. Vérifiez d'autres associations avec le Vérificateur de contraste.

CSS

.element {
  color: olive;               /* or #808000 */
  background-color: #808000;
  border: 1px solid rgb(128 128 0 / 50%);
}

Couleurs nommées similaires

Olive Drab (#6b8e23), Dark Goldenrod (#b8860b), Saddle Brown (#8b4513), Dark Olive Green (#556b2f), Sienna (#a0522d), Chocolate (#d2691e).

Questions fréquentes

Quel est le code hexadécimal de l'olive ?
#808000, soit rgb(128, 128, 0) et hsl(60, 100%, 25%). En CSS, vous pouvez aussi simplement écrire olive.
Le texte olive est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 4.20 : 1, ce qui ne convient qu'aux grands textes (WCAG AA grands textes).
Quelles couleurs vont bien avec l'olive ?
Sa couleur complémentaire est #000080 ; les couleurs analogues #804000 et #408000 se trouvent à côté sur le cercle chromatique.