El azul real es un tono profundo y vibrante entre el azul y el violeta en la rueda de colores. Este color rico combina sofisticación con un toque de matiz púrpura, proyectando elegancia y profundidad.
El azul real se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #305CDE
- Valor RGB: 18.8% rojo, 36.1% verde y 87.1% 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í hay algunas formas de usar el azul real en tus diseños:
- Captar atención. La vibrancia del azul real lo hace ideal para botones de llamada a la acción, enlaces, logotipos o elementos de navegación.
- Construir confianza. El azul real puede reforzar la confianza y la fiabilidad, ideal para marcas de finanzas, salud y tecnología.
- Evocar emoción y atmósfera. Usa el azul real en fondos o degradados en pantallas de inicio y páginas de aterrizaje para evocar una sensación de profundidad, estabilidad y sofisticación.
- Usar para visualización de datos. Aplica el azul real en gráficos, tablas y barras de progreso. Su claridad y atractivo visual ayudan a diferenciar y resaltar información importante.
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 y regio que el azul real, considera:
- Azul cobalto (#0047AB) posee un tono ligeramente más profundo con una intensidad que recuerda al atractivo del azul real.
- Azul zafiro (#0F52BA) ofrece una riqueza inspirada en gemas, equilibrando brillo y profundidad que refleja el atractivo del azul real.
- Azul dodger (#1E90FF) es más claro y luminoso, capturando la vibrancia característica del azul real.
- Azul persa (#1C39BB) mezcla la majestad profunda del azul real con un toque de púrpura, añadiendo un toque de elegancia exótica.
Para complementar los tonos dignos del azul real, considera emparejarlo con:
- Oro (#EFBF04) enriquece la paleta real con su lujo, enfatizando la lujosidad del azul real.
- Marfil (#FFFFE3) proporciona un contraste suave y cálido, ofreciendo una elegancia clásica que resalta bellamente la profundidad del azul real.
- Gris carbón (#4A4A4A) introduce un contraste moderno y sofisticado, equilibrando la vibrancia del azul real con su estabilidad neutral.
- Rosa salmón (#FA8072) añade una calidez suave, creando un equilibrio armonioso con la frescura del azul real para un aspecto vibrante pero sofisticado.
- Verde pastel (#80EF80) para un contraste refrescante y estimulante que enfatiza la riqueza del azul real con un toque de frescura primaveral.
Otros colores que vale la pena considerar incluyen rojo profundo para una declaración audaz e impactante, plata para un ambiente elegante y contemporáneo, y gris claro para un contraste suave y atenuado que permite que el azul real brille.
Aunque el azul real es versátil, puede chocar con:
- Verde Kelly (#4CBB17) puede ser demasiado brillante y puede opacar la sofisticación del azul real, llevando a una combinación visualmente discordante.
- Naranja (#FFA500) presenta un contraste vibrante y marcado que puede restar a la esencia regia del azul real, haciendo que la paleta se sienta demasiado agresiva.
- Rosa fuerte (#FF69B4), aunque juguetón, puede competir demasiado con el azul real, potencialmente chocando y eclipsando su calidad majestuosa.
- Amarillo neón (#FFFF00) tiene una luminosidad impactante que podría abrumar y disminuir la elegancia profunda del azul real.
- Marrón oscuro (#654321), aunque neutral, podría ser demasiado terroso y podría atenuar la esencia vibrante y real del azul, llevando a una combinación menos armoniosa.
El azul real encarna la realeza, el lujo y la sofisticación. Su asociación histórica con la autoridad y la elegancia se extiende a amuletos y prendas, significando seguridad y protección. Incluso lleva connotaciones espirituales de divinidad, sabiduría y alegría.
En la psicología del color, el azul real se conecta profundamente con la confianza y la fiabilidad. Su riqueza implica estabilidad y confianza, mientras que sus vínculos con el cielo y el mar traen calma y tranquilidad.
La versatilidad del azul real en el diseño de UI/UX le permite expresar poder, autoridad, paz o confiabilidad. Esto construye confianza en el usuario a través de la asociación del color con la credibilidad y el profesionalismo, haciéndolo una elección fuerte para interfaces de finanzas y salud.
El azul real, nombrado en honor a la Reina Charlotte a finales del siglo XVIII, fue originalmente un tono profundo y vívido reservado para la aristocracia. Simbolizaba importancia y prestigio. Sin embargo, con el tiempo, la percepción del color cambió. Para la década de 1950, una versión más brillante ganó favor, culminando en la estandarización de un tono luminoso como 'royalblue' en la era digital (1987). Esta elección por parte del World Wide Web Consortium destaca la adaptabilidad del color, evolucionando junto con las preferencias sociales y los avances tecnológicos.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Azul regio
Luz de luna mágica
Serenata de zafiro
Verificador de contraste
Contraste 5,66
- Texto grande
#305CDE
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Desaprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Contraste 3,71
- Texto grande
#305CDE
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Aprobado | Desaprobado | |
Aprobado | Desaprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #305cde, también conocido como azul real, tiene valores RGB de R:48, G:92, B:222 y valores CMYK de C:78, M:59, Y:0, K:13.
| VALUE | CSS | |
|---|---|---|
| HEX | #305cde | #305cde |
| RGB DECIMAL | 48, 92, 222 | RGB(48,92,222) |
| RGB PERCENTAGE | 18.8, 36.1, 87.1 | RGB(18.8%,36.1%,87.1%) |
| CMYK | 78, 59, 0, 13 | |
| HSL | HSL(224.8, 72.5%, 52.9%) | HSL(224.8, 72.5%, 52.9%) |
| HSV (OR HSB) | 224.8°, 78.4, 87.1 | |
| WEB SAFE | #51102204 | #51102204 |
| BINARY | 00110000, 01011100, 11011110 | |
| iOS - SwiftUI | Color(red: 0.188, green: 0.361, blue: 0.871) | |
| iOS - UIKit | UIColor(red: 0.188, green: 0.361, blue: 0.871, alpha: 1) | |
| Android - Compose | Color(0xFF305CDE) |
