El código hex #EFBF04 representa un oro brillante, capturando la esencia del lujo y la grandeza. Este dinámico tono amarillo se asemeja al oro real y se utiliza frecuentemente en el diseño para denotar riqueza, lujo y prestigio. Su carácter vívido crea declaraciones visuales elegantes e impactantes.

El oro se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código HEX: #EFBF04
- Valor RGB: 93.7% rojo, 74.9% verde y 1.6% azul
La accesibilidad juega un papel clave en la elección de colores en el diseño UX y UI. La comunidad de Figma ofrece plugins para ayudarte a cumplir con las Web Content Accessibility Guidelines.
Aquí tienes algunos consejos prácticos para usar el oro de manera efectiva en el diseño de interfaces:
- Destaca el valor. Un toque de oro puede elevar un diseño y atraer la atención hacia elementos importantes como CTAs o características premium en una aplicación o sitio web. Considera usar un botón dorado para señalar la importancia y exclusividad de ofertas especiales o opciones de suscripción premium.
- Apuesta por el lujo. El oro es una elección natural para marcas de lujo, transmitiendo una sensación de exclusividad y alta calidad. Piensa en joyerías de alta gama o relojeros premium que a menudo usan acentos dorados en sus logotipos o diseños de sitios web.
- Ejercita la moderación. Demasiado oro puede ser abrumador. Úsalo con moderación como color de acento, o combínalo con colores neutros (como blanco, negro o gris) para un aspecto equilibrado y sofisticado.
- Selecciona el tono adecuado. El oro varía en tono desde amarillo brillante hasta tonos más profundos. Elige un tono que se alinee con tu esquema de color y la atmósfera deseada. Los oros más brillantes como #EFBF04 son modernos y energéticos, mientras que los oros más profundos sugieren tradición y elegancia.
- Evalúa el contexto. Un toque de oro brillante podría ser apropiado para una marca juvenil, mientras que una marca más establecida podría optar por un tono dorado más apagado.
- Piensa más allá del diseño plano. Aunque el diseño plano es atemporal, agregar una textura metálica, incluso de manera sutil, puede elevar la sensación táctil de tu diseño. Si se alinea con tus objetivos de diseño, aplicar un efecto metálico a botones o logotipos puede añadir una calidad dimensional a los visuales planos.
Ten en cuenta que el color y su significado pueden variar según la cultura y el contexto. Si diseñas para una audiencia internacional, investiga cómo se perciben los colores en cada país.
Para variaciones dentro del mismo espectro radiante y opulento que el oro, considera:
- Ámbar (#FFBF00) ofrece un tono ligeramente más claro y brillante, manteniendo la calidez y riqueza del oro.
- Amarillo mostaza (#FFDB58) introduce un tono más suave, proporcionando una alternativa más sutil con la misma calidez dorada.
- Goldenrod (#DAA520) es más profundo y más sutil, capturando la esencia del oro con un toque de terrenalidad.
- Azafrán (#F4C430) destaca con una calidad vibrante, casi fluorescente, que comparte la luminosidad y el atractivo del oro.
Para complementar los tonos lujosos del oro, considera combinarlo con:
- Azul marino (#000080) contrasta fuertemente, realzando el brillo del oro y creando un aspecto regio.
- Verde oscuro (#006400) evoca el lujo del oro, recordando la elegancia clásica y la riqueza histórica.
- Burdeos (#660033) enriquece la paleta con un tono profundo y sofisticado, ofreciendo una combinación atemporal.
- Gris carbón (#4A4A4A) ofrece un fondo neutral que hace resaltar el oro, equilibrando el diseño general.
- Blanco (#FFFFFF) crea un contraste nítido y limpio, destacando la calidez y el resplandor del oro.
Otros colores que vale la pena considerar incluyen el morado profundo para una atmósfera real, el rosa suave para un toque femenino y el turquesa para un aspecto vibrante y contemporáneo.
Aunque el oro es versátil, puede chocar con:
- Verde lima (#89F336) puede ser demasiado brillante y abrumador junto a la elegancia refinada del oro.
- Rojo brillante (#FF0000) compite por la atención, creando una combinación visualmente discordante sin armonía.
- Verde petróleo (#069494) puede disminuir la calidez del oro a través de sus tonos fríos.
- Rosa neón (#FF007F) podría eclipsar al oro con su intensa vibrancia, llevando a una estética discordante.
- Gris claro (#D3D3D3) puede parecer deslavado junto al oro, sin complementar su riqueza.
El oro simboliza riqueza, prosperidad y estatus, recordando la energía radiante del sol y su significado celestial. Históricamente, el oro adornaba la realeza, artefactos religiosos y espacios sagrados, simbolizando lujo, divinidad e inmortalidad. Continúa significando éxito, logro y el más alto estándar, como se refleja en el simbolismo de la medalla de oro olímpica.
En la psicología del color, el oro evoca calidez, optimismo, confianza, éxito, sabiduría e iluminación, enriqueciendo experiencias con su presencia brillante y edificante.
El oro debe ser estratégico en el diseño de interfaces debido a su poderoso simbolismo e impacto visual. El oro puede realzar elementos como botones o íconos cuando se usa como acento, dando un toque de lujo e importancia. Es particularmente efectivo en diseños dirigidos a mercados de lujo o servicios premium, donde refuerza la noción de exclusividad y alto valor. Sin embargo, el uso excesivo puede abrumar y restar valor a la experiencia del usuario.
Algunas de las primeras evidencias del uso del oro provienen de alrededor del 4000 a.C. Las culturas de Europa del Este, probablemente atraídas por su belleza natural y brillo, lo convirtieron en objetos decorativos. Para el 3000 a.C., civilizaciones como los sumerios en Mesopotamia habían dominado el arte de trabajar el oro. Usaban el oro para crear joyas intrincadas, a menudo mostrando estilos sorprendentemente sofisticados que inspiran a los diseñadores hoy en día.
A lo largo de la historia, la rareza y belleza del oro lo han convertido en una posesión preciada. En el antiguo Egipto, se asociaba con el dios sol Ra y adornaba a los faraones y objetos religiosos para simbolizar riqueza, divinidad e inmortalidad. Otras civilizaciones, desde los griegos y romanos hasta los incas y aztecas, usaron el oro para significar poder, estatus e importancia.
El atractivo del oro ha impulsado la exploración y la conquista a lo largo de la historia. La búsqueda de El Dorado, la mítica ciudad de oro, por parte de los conquistadores españoles es un ejemplo famoso. Las fiebres del oro en varias partes del mundo, como California en la década de 1840, destacan la fascinación humana por este metal precioso.
El oro se convirtió en una mercancía valiosa en el comercio internacional para la moneda y el respaldo de otras formas de dinero. Este papel continuó durante siglos, aunque el mundo moderno se ha desplazado principalmente a las monedas fiduciarias. A pesar de su cambiante papel financiero, el oro sigue siendo un metal valioso apreciado por su belleza, versatilidad y significado simbólico.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
24 quilates
Joyas de la corona
Caléndula
Verificador de contraste
Contraste 1,73
- Texto grande
#EFBF04
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 12,12
- Texto grande
#EFBF04
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Aprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #efbf04, también conocido como Oro, tiene valores RGB de R:239, G:191, B:4 y valores CMYK de C:0, M:20, Y:98, K:6.
| VALUE | CSS | |
|---|---|---|
| HEX | #efbf04 | #efbf04 |
| RGB DECIMAL | 239, 191, 4 | RGB(239,191,4) |
| RGB PERCENTAGE | 93.7, 74.9, 1.6 | RGB(93.7%,74.9%,1.6%) |
| CMYK | 0, 20, 98, 6 | |
| HSL | HSL(47.7, 96.7%, 47.6%) | HSL(47.7, 96.7%, 47.6%) |
| HSV (OR HSB) | 47.7°, 98.3, 93.7 | |
| WEB SAFE | #2552040 | #2552040 |
| BINARY | 11101111, 10111111, 00000100 | |
| iOS - SwiftUI | Color(red: 0.937, green: 0.749, blue: 0.016) | |
| iOS - UIKit | UIColor(red: 0.937, green: 0.749, blue: 0.016, alpha: 1) | |
| Android - Compose | Color(0xFFEFBF04) |


