Círculo cromático de Figma
¿Quieres encontrar los colores complementarios o análogos perfectos para combinar con albaricoque?
El albaricoque se sitúa entre el naranja y el amarillo en el círculo cromático, asemejándose al tono de la fruta madura. Su influencia amarilla aporta un toque de optimismo y alegría, mientras que su matiz naranja le confiere una sutil energía cálida.
El albaricoque se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #FFB27F
- Valor RGB: 100% rojo, 69.8% verde y 49.8% azul
Las consideraciones de accesibilidad juegan un papel crucial en la elección de colores en el diseño de UX y UI. Figma ofrece plugins en la Comunidad para asegurarte de que tus diseños cumplan con las Web Content Accessibility Guidelines.
Aquí hay algunas formas de usar el albaricoque en tus diseños:
- Atraer la atención. Aunque no es tan visualmente abrumador como el rojo, el albaricoque es una excelente opción de color para guiar la mirada del usuario hacia mensajes de error o CTAs importantes, manteniendo una interfaz suave y acogedora.
- Ofrecer retroalimentación visual. Para elementos de UI que responden a la interacción del usuario, como botones de alternancia, deslizadores y casillas de verificación, usa albaricoque para representar estados activos. Esto indica a los usuarios que la función está “activada” o que el botón está seleccionado.
- Crear un ambiente amigable. La disposición cálida y alegre del albaricoque funciona bien para muchas industrias que buscan crear una interfaz de usuario acogedora, como aplicaciones creativas, educativas o de salud.
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 cálido que el albaricoque, considera:
- Durazno (#FFD3AC) parece un poco más claro, compartiendo las mismas cualidades amarillo-naranja.
- Coral (#FF8559) es más vibrante pero ofrece una sensación acogedora similar.
- Naranja claro (#FFDBBB) comparte una calidez y energía similar con una apariencia más clara.
- Naranja pastel (#FFC067) tiene más influencia naranja con un nivel de saturación similar al albaricoque.
Para complementar el albaricoque, considera emparejarlo con:
- Azul claro (#90D5FF) es fresco, complementando la calidez del albaricoque para un aspecto fresco y vibrante.
- Azul marino (#000080) crea una paleta de colores náutica que recuerda a unas vacaciones de verano en la costa.
- Azul menta (#98FBCB) tiene tonos frescos y refrescantes que proporcionan un contraste animado junto al albaricoque.
- Marfil (#FFFFE3) crea una paleta de colores neutra que permite que la vibrancia del albaricoque resalte.
Otros colores que vale la pena considerar incluyen marrón para añadir a la calidez del albaricoque, lavanda para una combinación suave y caprichosa, o blanco para un ambiente fresco y aireado.
Aunque el albaricoque es suave, puede chocar con:
- Amarillo oscuro (#BA8E23) puede crear una combinación de colores turbia y sosa cuando se combina con albaricoque.
- Rosa fuerte (#FF46A2) es vibrante y altamente saturado, lo que puede chocar con las cualidades suaves del albaricoque.
- Bermellón (#E73121) puede parecer demasiado intenso y opacar la apariencia sutil del albaricoque.
- Naranja brillante (#FF991C) comparte un tono similar que puede crear poco interés visual junto al albaricoque.
El albaricoque simboliza optimismo, energía y felicidad. Vinculado a la fruta, también sugiere dulzura, frescura y vitalidad.
En la psicología del color, las cualidades cálidas y acogedoras del albaricoque estimulan sentimientos de esperanza y emoción. Su energía juguetona crea una sensación de juventud y creatividad.
En el diseño de interfaces, el albaricoque crea un ambiente amigable y acogedor. Úsalo como color dominante para aportar energía y diversión a las interfaces de usuario o como un tono de acento para añadir una infusión suave y sutil de calidez.
La palabra “albaricoque” llegó al idioma inglés durante el siglo XVI, derivada de la palabra árabe “al-birquq”. El albaricoque se registró por primera vez como un nombre de color para describir el tono de la fruta en 1851 durante el auge de los tintes sintéticos. En 1998, Crayola incluyó el albaricoque como un color permanente en su gama de crayones naranjas.
Hoy en día, el albaricoque es una elección popular en moda, diseño de interiores y diseño de interfaces para transmitir calidez y añadir un poco de diversión. También es un color estacional popular, utilizado para evocar la frescura de la primavera y el verano y la energía cálida del otoño.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Latte de Avellana
Pradera Matutina
Crucero al Atardecer
Verificador de contraste
Contraste 1,76
- Texto grande
#FFB27F
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 11,93
- Texto grande
#FFB27F
- 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 #ffb27f, también conocido como Albaricoque, tiene valores RGB de R:255, G:178, B:127 y valores CMYK de C:0, M:30, Y:50, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ffb27f | #ffb27f |
| RGB DECIMAL | 255, 178, 127 | RGB(255,178,127) |
| RGB PERCENTAGE | 100.0, 69.8, 49.8 | RGB(100.0%,69.8%,49.8%) |
| CMYK | 0, 30, 50, 0 | |
| HSL | HSL(23.9, 100.0%, 74.9%) | HSL(23.9, 100.0%, 74.9%) |
| HSV (OR HSB) | 23.9°, 50.2, 100.0 | |
| WEB SAFE | #255153102 | #255153102 |
| BINARY | 11111111, 10110010, 01111111 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.698, blue: 0.498) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.698, blue: 0.498, alpha: 1) | |
| Android - Compose | Color(0xFFFFB27F) |
