Calabaza es un color cálido y rústico que mezcla naranja y marrón, ubicado cerca del rojo en el círculo cromático. Es un elemento básico del otoño, evocando sensaciones de calidez y cosecha. Piensa en especias y hojas caídas. Perfecto para añadir calidez a paletas estacionales o invocar un tema de Halloween. ¡Intenta usarlo en diseños festivos!
Calabaza se define por los siguientes códigos y valores de color para asegurar consistencia en varias plataformas y dispositivos digitales.
- Código Hex: #FF7518
- Valor RGB: 100.0% rojo, 45.9% verde, 9.4% 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
Para variaciones dentro del mismo espectro que calabaza, considera:
- Naranja quemado (#be5103): Naranja quemado exuda una sensación cálida y terrosa similar a calabaza, con un toque más oscuro, evocando un color rústico que recuerda a las hojas crujientes de otoño.
- Terracota (#e35336): Terracota comparte los tonos terrosos de calabaza con un toque de rojo, asemejándose a la cerámica de barro y aportando una calidez natural y acogedora a cualquier paleta.
- Mandarina (#ffa800): Mandarina captura la vivacidad de una fruta recién pelada, paralelando el brillo y el tono otoñal juguetón de calabaza, pero inclinándose un poco más hacia el lado alegre.
- Ámbar (#ffbf00): Ámbar ofrece un resplandor dorado como calabaza, equilibrando el tono naranja brillante con una calidez rica y profunda, perfecto para paletas otoñales y tonos de cosecha.
Para complementar calabaza, considera emparejarlo con:
- Verde menta (#ADEBB3): Este tono refrescante ofrece un contraste fresco a los tonos cálidos de calabaza, aportando equilibrio y un toque de vibrancia a la paleta otoñal.
- Azul marino (#000080): Los tonos profundos y ricos del azul marino se mezclan perfectamente con calabaza, proporcionando un fondo sofisticado que realza la calidez de los tonos otoñales.
- Crema (#FDFBD4): Este tono suave y neutral permite que el tono naranja de calabaza destaque, creando un tema acogedor e invitante perfecto para esquemas de color estacionales.
- Carbón (#4A4A4A): Emparejar calabaza con carbón introduce un contraste moderno mientras mantiene la sensación de color rústico, destacando las cualidades distintivas de ambos colores.
Mientras que calabaza evoca la calidez de los tonos otoñales y de cosecha, puede chocar con:
- Cinabrio (#E84B3D): La intensidad vibrante de este color puede eclipsar el color más suave y rústico de calabaza, llevando a una combinación abrumadora.
- Escarlata (#ED2100): La audacia de escarlata puede competir con la calidad terrosa de calabaza, resultando en una paleta visualmente discordante.
- Naranja brillante (#FF991C): Su alto brillo podría chocar con los tonos cálidos y profundos de calabaza, haciendo que la combinación sea menos armoniosa.
- Verde neón (#2CFF05): Este tono brillante puede crear un contraste demasiado fuerte con calabaza, llevando a un efecto visual discordante y áspero.
- Azul eléctrico (#00F0FF): La naturaleza vívida del azul eléctrico puede interrumpir el color estacional de calabaza, produciendo una combinación que se siente desequilibrada.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Brasa otoñal
Llama tropical
Chispa de mango
Verificador de contraste
Contraste 2,69
- Texto grande
#FF7518
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 7,81
- Texto grande
#FF7518
- 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 #FF7518, también conocido como Calabaza, tiene valores RGB de R:255, G:117, B:24 y valores CMYK de C:0, M:54, Y:91, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #FF7518 | #FF7518 |
| RGB DECIMAL | 255, 117, 24 | RGB(255,117,24) |
| RGB PERCENTAGE | 100.0, 45.9, 9.4 | RGB(100.0%,45.9%,9.4%) |
| CMYK | 0, 54, 91, 0 | |
| HSL | HSL(24.2, 100.0%, 54.7%) | HSL(24.2, 100.0%, 54.7%) |
| HSV (OR HSB) | 24.2°, 90.6, 100.0 | |
| WEB SAFE | #2551020 | #2551020 |
| BINARY | 11111111, 01110101, 00011000 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.459, blue: 0.094) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.459, blue: 0.094, alpha: 1) | |
| Android - Compose | Color(0xFFFF7518) |
