Saltar al contenido
Color Codes

Color CSS con nombre

Código de color Goldenrod

Goldenrod es un naranja de luminosidad media y intenso con el código hexadecimal #DAA520. En RGB es rgb(218, 165, 32), en HSL hsl(43, 74%, 49%) y en CMYK cmyk(0%, 24%, 85%, 15%).

Goldenrod
#DAA520

Valores del color

En CSS puedes escribirlo con la palabra clave goldenrod.

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

El color de Tailwind CSS más cercano es Amber 500 (#F59E0B).

Usar Goldenrod en CSS

.element {
  color: goldenrod;
  background-color: #daa520;
  border-color: rgb(218, 165, 32);
}

Tonos claros y oscuros de Goldenrod

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

Colores que combinan con Goldenrod

Armonías de la rueda de color creadas a partir de #DAA520. 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 Goldenrod

Aa
Texto blanco
2.24:1
No cumple
Aa
Texto negro
9.38:1
AAA
Comprobar en el verificador de contraste

Colores parecidos a Goldenrod

Paletas con colores parecidos

Preguntas sobre Goldenrod

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

El código hexadecimal de Goldenrod es #DAA520. Su valor RGB es rgb(218, 165, 32) y su valor HSL es hsl(43, 74%, 49%).

¿Qué colores combinan con Goldenrod?

El color complementario de Goldenrod es #2055D9. Para un esquema más suave prueba los colores análogos #D94920 y #B1D920; para un esquema equilibrado de tres colores usa los triádicos #20D9A5 y #A520D9.

¿Goldenrod es legible como color de texto?

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

Más colores de la familia marrones