Código del color Olive (#808000)

Olive es #808000 en hexadecimal y rgb(128, 128, 0), un amarillo oscuro. Abajo tienes todos los formatos de color, tonos y sombras, armonías y qué tan legible es como texto.

Actualizado el

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

Tonos y sombras

Armonías de color

Acerca de Olive

Olive (olive) es un amarillo oscuro e intenso con el código hexadecimal #808000, o rgb(128, 128, 0). En HSL tiene un tono de 60°, una saturación del 100 % y una luminosidad del 25 %. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: olive; en lugar del valor hexadecimal.

Usar Olive en texto y fondos

CombinaciónRatio de contrasteWCAG
Texto olive sobre blanco4.20 : 1Solo AA para texto grande
Texto olive sobre negro5.01 : 1AA

Sobre un fondo olive, usa texto en negro (5.01 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Comprueba otras combinaciones con el Comprobador de contraste.

CSS

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

Colores con nombre similares

Verde oliva apagado (#6b8e23), Dorado oscuro (#b8860b), Marrón silla (#8b4513), Verde oliva oscuro (#556b2f), Siena (#a0522d), Chocolate (#d2691e).

Preguntas frecuentes

¿Cuál es el código hexadecimal de olive?
#808000, que equivale a rgb(128, 128, 0) y hsl(60, 100%, 25%). En CSS también puedes escribir simplemente olive.
¿Se lee bien el texto olive sobre blanco?
Su ratio de contraste sobre blanco es 4.20 : 1, que solo cumple para texto grande (WCAG AA texto grande).
¿Qué colores combinan bien con olive?
Su color complementario es #000080; los colores análogos #804000 y #408000 están junto a él en el círculo cromático.