Código de color Olive Drab (#6b8e23)

Olive Drab es #6b8e23 en hex y rgb(107, 142, 35), un verde oscuro. Abajo encontrarás todos los formatos de color, tonos y sombras, armonías y qué tan legible es como texto.

Actualizado el

Olive Drab
#6b8e23
Nombre CSSolivedrab
Hex#6b8e23
RGBrgb(107, 142, 35)
HSLhsl(80 60% 35%)
HWBhwb(80 14% 44%)
CMYK25%, 0%, 75%, 44%

Tonos y sombras

Armonías de color

Acerca de Olive Drab

Olive Drab (olivedrab) es un verde oscuro e intenso con código hexadecimal #6b8e23, o rgb(107, 142, 35). En HSL tiene un matiz de 80°, una saturación del 60% y una luminosidad del 35%. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: olivedrab; en lugar del valor hex.

Uso de Olive Drab en texto y fondos

CombinaciónRatio de contrasteWCAG
Texto Olive Drab sobre blanco3.81 : 1Solo AA texto grande
Texto Olive Drab sobre negro5.52 : 1AA

Sobre un fondo olive drab, usa texto en negro (5.52 : 1). WCAG exige al menos 4.5 : 1 para texto de cuerpo y 3 : 1 para texto grande. Revisa otras combinaciones con el Verificador de contraste.

CSS

.element {
  color: olivedrab;               /* or #6b8e23 */
  background-color: #6b8e23;
  border: 1px solid rgb(107 142 35 / 50%);
}

Nombres de color similares

Verde oliva oscuro (#556b2f), Oliva (#808000), Verde bosque (#228b22), Gris tenue (#696969), Verde amarillento (#9acd32), Verde mar (#2e8b57).

Preguntas frecuentes

¿Cuál es el código hex de olive drab?
#6b8e23, que equivale a rgb(107, 142, 35) y hsl(80, 60%, 35%). En CSS también puedes escribir simplemente olivedrab.
¿El texto olive drab es legible sobre blanco?
Su ratio de contraste sobre blanco es 3.81 : 1, que solo cumple para texto grande (WCAG AA texto grande).
¿Qué colores combinan bien con olive drab?
Su color complementario es #47248f; los colores análogos #8f7d24 y #368f24 están junto a él en el círculo cromático.