Guía de color

Color Dorado

#D4AF37

Códigos del color dorado

HEX
#D4AF37
RGB
rgb(212, 175, 55)
HSL
hsl(46, 65%, 52%)
OKLCH
oklch(86% 0.09 114)

Qué significa el dorado

El dorado es lujo atemporal y logro. Unos pequeños toques elevan cualquier diseño.

Cómo usarlo en diseño

Úsalo para badges premium, estados de premio y marcas elegantes con serifas.

Combinaciones de color con el dorado

Armonías calculadas con teoría del color para el matiz base 46°.

Complementario

Contraste máximo: #D4AF37 + #355AD4

Abrir en el editor

Análogo

Armonía a ±30°: #D45F35 · #D4AF37 · #AAD435

Triádico

Separación de 120°: #D4AF37 · #35D4AF · #AF35D4

Tonos del color dorado (escala 50–900)

Escala estilo Tailwind generada a partir de #D4AF37.

50 #1B170B
100 #201B0D
200 #342D14
300 #584B1E
400 #8E7728
500 #D4AF35
600 #DBC680
700 #E6DBB6
800 #F0EBDA
900 #F8F5EE

Preguntas frecuentes sobre el color dorado

¿Cuál es el código HEX del color dorado?

Un valor HEX muy usado para el color dorado es #D4AF37, equivalente a rgb(212, 175, 55). Según el tono que busques, puedes ajustar saturación y luminosidad manteniendo el mismo matiz (46°).

¿Qué colores combinan con el dorado?

El dorado combina muy bien con navy, charcoal, emerald, cream. Su color complementario es #355AD4, y una combinación triádica clásica añade #35D4AF y #AF35D4.

¿Es el dorado accesible para textos y fondos?

Depende del ratio de contraste frente al otro color. Usa el verificador de contraste de NanoPalettes para comprobar el cumplimiento WCAG AA (4.5:1) y AAA (7:1) antes de usar el dorado en textos o elementos de interfaz.

Crea tu propia paleta en dorado

Genera combinaciones armónicas a partir de #D4AF37 en segundos.

Abrir el generador de paletas