Código de color Goldenrod (#daa520)

Goldenrod es #daa520 en hex y rgb(218, 165, 32): un naranja medio. Abajo encontrarás todos los formatos de color, tintes y sombras, armonías y qué tan legible es como texto.

Actualizado el

Goldenrod
#daa520
Nombre CSSgoldenrod
Hex#daa520
RGBrgb(218, 165, 32)
HSLhsl(43 74% 49%)
HWBhwb(43 13% 15%)
CMYK0%, 24%, 85%, 15%

Tintes y sombras

Armonías de color

Acerca de Goldenrod

Goldenrod (goldenrod) es un naranja medio y vivo con el código hex #daa520, o rgb(218, 165, 32). En HSL tiene un tono de 43°, una saturación de 74% y una luminosidad de 49%. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: goldenrod; en lugar del valor hex.

Uso de Goldenrod para texto y fondos

CombinaciónRelación de contrasteWCAG
Texto Goldenrod sobre blanco2.24 : 1no cumple
Texto Goldenrod sobre negro9.38 : 1AAA

Sobre un fondo goldenrod, usa texto en negro (9.38 : 1). WCAG pide al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Revisa otras combinaciones con el Verificador de contraste.

CSS

.element {
  color: goldenrod;               /* or #daa520 */
  background-color: #daa520;
  border: 1px solid rgb(218 165 32 / 50%);
}

Colores con nombre similares

Perú (#cd853f), Naranja (#ffa500), Goldenrod oscuro (#b8860b), Naranja oscuro (#ff8c00), Chocolate (#d2691e), Marrón arenoso (#f4a460).

Preguntas frecuentes

¿Cuál es el código hex del goldenrod?
#daa520, que equivale a rgb(218, 165, 32) y hsl(43, 74%, 49%). En CSS también puedes escribir simplemente goldenrod.
¿Se lee bien el texto goldenrod sobre blanco?
Su relación de contraste sobre blanco es 2.24 : 1, lo que no cumple WCAG. Úsalo para decoración o sobre un fondo oscuro.
¿Qué colores combinan bien con el goldenrod?
Su color complementario es #2055d9; los análogos #d94920 y #b1d920 están junto a él en el círculo cromático.