Círculo cromático de Figma
¿Quieres encontrar los colores complementarios o análogos perfectos para combinar con el naranja brillante?
El naranja brillante es un color vívido situado entre el rojo y el amarillo en el círculo cromático. Este tono cálido irradia energía y emoción, y sus cualidades estimulantes pueden aumentar el apetito.
El naranja brillante se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #FF991C
- Valor RGB: 100% rojo, 60% verde y 11% azul
Aquí hay algunas formas de usar el naranja brillante en tus diseños:
- Captura la atención. El naranja brillante puede atraer a los usuarios hacia los elementos más importantes de una página, como botones de CTA o íconos. Aunque no es tan impactante como el rojo, puede crear una sensación de urgencia sin abrumar a los usuarios.
- Evoca energía. Aplicaciones de salud, fitness o para niños que buscan una experiencia de UI divertida y energética pueden aprovechar el naranja brillante como tono principal mientras mantienen una sensación acogedora.
- Estimula los sentidos. El naranja brillante puede despertar el hambre, lo que lo hace ideal para aplicaciones de comida. Cadenas de comida rápida como Dunkin’ Donuts y Popeyes usan este tono para atraer a los clientes y animarlos a hacer pedidos.
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 vibrante que el naranja brillante, considera:
- Naranja (#FFA500) irradia la misma vibrancia con un poco más de brillo.
- Mandarina (#FFA800) aporta un toque más suave y ligero, similar al color de la fruta.
- Ámbar (#FFBF00) comparte una calidez similar con matices dorados.
- Naranja oscuro (#C76E00) toma un giro más oscuro, añadiendo más profundidad y riqueza.
Para complementar el naranja brillante, considera emparejarlo con:
- Amarillo pastel (#FFEE8C) equilibra el naranja brillante para una combinación de colores armoniosa que recuerda al sol.
- Azul polvo (#B8E3E9) proporciona una sensación calmante para un esquema de color veraniego.
- Rosa pastel (#FFC5D3) tiene un ambiente suave pero juguetón que añade a la energía del naranja brillante.
- Verde oscuro (#06402B) complementa la calidez del naranja brillante para un equilibrio inspirado en la naturaleza.
- Marrón (#895129) aterra la vibrancia del naranja brillante para una atmósfera terrosa.
Otros colores que vale la pena considerar incluyen blanco para una combinación limpia y simple, crema para un contraste calmante, y espuma de mar para un ambiente tropical.
Aunque el naranja brillante es vibrante, puede chocar con:
- Rosa neón (#FF13F0) puede ser abrumador y visualmente agotador cuando se combina con naranja brillante.
- Amarillo-verde (#CCFF00) puede parecer duro junto al naranja brillante, creando un efecto visual discordante.
- Cian (#00FFFF) puede competir por atención y resultar visualmente poco atractivo.
- Morado (#9D00FF) tiene una frialdad que puede chocar con la calidez del naranja brillante.
El naranja brillante es un tono energético que simboliza alegría y optimismo. También puede significar precaución y urgencia, similar a un cono de tráfico. Debido a su conexión con los cítricos, el naranja brillante lleva connotaciones de salud y vitalidad.
En la psicología del color, el naranja brillante evoca sentimientos de felicidad y alegría. Su naturaleza vibrante también despierta la imaginación y la creatividad.
En el diseño de interfaces, el naranja brillante atrae la atención y ayuda a guiar la mirada de los usuarios hacia elementos importantes con su sensación animada. El naranja brillante también puede estimular el apetito, lo que lo convierte en una excelente opción de color para aplicaciones de comida y restaurantes.
Las culturas antiguas usaban pigmentos naranjas derivados de minerales naturales en pinturas de tumbas para simbolizar la vida eterna. El tono fue originalmente conocido como “amarillo-rojo” antes de ser nombrado “naranja” tras la aparición de la fruta cítrica. A lo largo de la historia, los tonos de naranja brillante han sido conocidos por estimular la creatividad, a menudo utilizados por artistas como Vincent van Gogh.
El naranja sigue siendo un color popular tanto en el arte como en la moda. Su visibilidad lo convierte en una opción principal para la ropa de seguridad, como los chalecos de alta visibilidad.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Sopa de calabaza
Impresionismo otoñal
Llamarada solar
Verificador de contraste
Contraste 2,14
- Texto grande
#FF991C
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 9,83
- Texto grande
#FF991C
- 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 #ff991c, también conocido como Naranja brillante, tiene valores RGB de R:255, G:153, B:28 y valores CMYK de C:0, M:40, Y:89, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ff991c | #ff991c |
| RGB DECIMAL | 255, 153, 28 | RGB(255,153,28) |
| RGB PERCENTAGE | 100.0, 60.0, 11.0 | RGB(100.0%,60.0%,11.0%) |
| CMYK | 0, 40, 89, 0 | |
| HSL | HSL(33.0, 100.0%, 55.5%) | HSL(33.0, 100.0%, 55.5%) |
| HSV (OR HSB) | 33.0°, 89.0, 100.0 | |
| WEB SAFE | #25515351 | #25515351 |
| BINARY | 11111111, 10011001, 00011100 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.600, blue: 0.110) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.600, blue: 0.110, alpha: 1) | |
| Android - Compose | Color(0xFFFF991C) |
