Color Dorado: código #FFD700

Dorado

#FFD700

Códigos del color

  • HEX#FFD700
  • RGBrgb(255, 215, 0)
  • HSLhsl(51, 100%, 50%)
  • HSVhsv(51, 100%, 100%)
  • CMYKcmyk(0%, 16%, 100%, 0%)
  • LABlab(86.9% -1.9 87.1)
  • OKLCHoklch(88.7% 0.182 95.3)

Sobre el color Dorado

Dorado tiene el código HEX #FFD700, que corresponde a rgb(255, 215, 0) en el modelo RGB. En el círculo cromático, su tono está en 51°, con 100% de saturación y 50% de luminosidad (hsl(51, 100%, 50%)).

Por su tono se percibe como un color cálido: suele transmitir energía y cercanía y «avanza» visualmente en la composición.

Como fondo pide texto oscuro: el negro alcanza un contraste de 14,97:1 sobre él, frente a 1,40:1 del blanco.

Para impresión, la conversión aproximada es cmyk(0%, 16%, 100%, 0%). Confírmala siempre con el perfil de color de la imprenta, porque el resultado depende del papel y la tinta.

Tonos más claros

Tonos más oscuros

Combinaciones con Dorado

Complementaria

#FFD700 · #0026FF

Análoga

#FF5900 · #FFD700 · #A6FF00

Tríada

#FFD700 · #00FFD9 · #D900FF

Tetrádica

#FFD700 · #00FF59 · #0026FF · #FF00A6

Complementaria dividida

#FFD700 · #00A6FF · #5900FF

Monocromática

#806C00 · #CCAD00 · #FFD700 · #FFE44D · #FFF099

Dorado con texto blanco y negro

Texto blanco Aa Bb Cc 123
1,40:1 · no cumple WCAG
Texto negro Aa Bb Cc 123
14,97:1 · AAA

Prueba otras combinaciones en el verificador de contraste

#FFD700 es el gold de CSS, rgb(255, 215, 0): un amarillo intenso con una ligera desviación hacia el naranja. En pantalla es plano y luminoso, pero no tiene el brillo del metal. Ahí está el gran reto de trabajar con dorado: el color “dorado” y el efecto dorado son cosas distintas.

Simbolismo

El dorado se asocia con riqueza, prestigio, victoria y celebración en muchas culturas, desde las medallas olímpicas hasta el pan de oro del arte sacro. En India y China tiene gran presencia en bodas y festividades; en Occidente evoca premios, bodas de oro y empaques de lujo. En exceso, sin embargo, puede resultar ostentoso o kitsch. Como siempre, el significado depende del contexto y de la dosis.

Dorado en pantalla vs. dorado impreso

En pantalla, el metal es una ilusión creada por cambios de luz. Para sugerir oro, combina #FFD700 con tonos más oscuros y amarronados, como darkgoldenrod (#B8860B), en un degradado con puntos de brillo. Un solo tono plano casi siempre parece amarillo yema.

En impresión, el CMYK estándar no reproduce el brillo metálico: el #FFD700 convertido queda como un simple amarillo anaranjado. Para el efecto real, las imprentas usan tintas especiales, como los Pantone metálicos (por ejemplo, el Pantone 871 C), o acabados como el estampado en caliente (hot stamping) con lámina metálica. Si el dorado es clave para una marca, define desde el principio tres versiones: CMYK plana, Pantone metálica y pantalla.

Combinaciones

Cuidado con el texto dorado

El dorado sobre blanco es un error frecuente en sitios de joyerías y eventos: #FFD700 frente al blanco da solo 1,4:1. Sobre negro, en cambio, alcanza unos 15:1, lo que explica el éxito del negro con dorado. Si necesitas un dorado legible sobre fondo claro, oscurécelo hasta un ocre como #8A6A00 (unos 5:1). Compruébalo en el verificador de contraste y compáralo con la página del plateado, que tiene retos parecidos.

Cómo usarlo en CSS

:root {
  --color-gold: #FFD700;
  --color-gold-rgb: 255, 215, 0;
}

.elemento {
  background-color: var(--color-gold);
  color: #000000;
}