Saltar al contenido
Color Codes

Color CSS con nombre

Código de color OliveDrab

OliveDrab es un verde oscuro y moderadamente saturado con el código hexadecimal #6B8E23. En RGB es rgb(107, 142, 35), en HSL hsl(80, 60%, 35%) y en CMYK cmyk(25%, 0%, 75%, 44%).

OliveDrab
#6B8E23

Valores del color

En CSS puedes escribirlo con la palabra clave olivedrab.

El texto blanco sobre OliveDrab tiene una relación de contraste de 3.81:1 y el texto negro de 5.52:1, así que el texto negro es la opción más legible.

El color de Tailwind CSS más cercano es Lime 600 (#65A30D).

Usar OliveDrab en CSS

.element {
  color: olivedrab;
  background-color: #6b8e23;
  border-color: rgb(107, 142, 35);
}

Tonos claros y oscuros de OliveDrab

Diez pasos de claro a oscuro con el mismo tono. Haz clic en una muestra para copiarla.

Colores que combinan con OliveDrab

Armonías de la rueda de color creadas a partir de #6B8E23. Haz clic en una muestra para copiarla o abre el conjunto en la rueda de color.

Tonos opuestos para el máximo contraste y acentos llenos de energía.

Tonos vecinos para superficies tranquilas y coherentes.

Tres tonos equidistantes para sistemas coloridos y equilibrados.

Complementario dividido

Abrir en la rueda de color

Un color base y los dos vecinos de su complementario: contraste con menos tensión.

Contraste del texto sobre OliveDrab

Aa
Texto blanco
3.81:1
AA · Texto grande
Aa
Texto negro
5.52:1
AA
Comprobar en el verificador de contraste

Colores parecidos a OliveDrab

Paletas con colores parecidos

Preguntas sobre OliveDrab

¿Cuál es el código hexadecimal de OliveDrab?

El código hexadecimal de OliveDrab es #6B8E23. Su valor RGB es rgb(107, 142, 35) y su valor HSL es hsl(80, 60%, 35%).

¿Qué colores combinan con OliveDrab?

El color complementario de OliveDrab es #47248F. Para un esquema más suave prueba los colores análogos #8F7D24 y #368F24; para un esquema equilibrado de tres colores usa los triádicos #246B8F y #8F246B.

¿OliveDrab es legible como color de texto?

Sobre un fondo blanco, OliveDrab tiene una relación de contraste de 3.81:1, que no cumple el nivel WCAG AA para texto normal (4.5:1). Sobre negro alcanza 5.52:1.

Más colores de la familia verdes