El azul claro es un tono sereno y delicado con una sensación calmante y aérea. Se sitúa entre el azul y el verde en el círculo cromático, siendo un tono más frío conocido por sus cualidades relajantes. El azul claro varía desde tonos suaves de cielo hasta matices más vivos de aguamarina.
El azul claro se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #90D5FF
- Valor RGB: 56.5% rojo, 83.5% verde y 100% 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.
El azul claro ofrece un color versátil para el diseño de interfaces, promoviendo sensaciones de calma, confianza y frescura. Aquí hay algunas formas efectivas de integrarlo en tus interfaces:
- Promover la calma. Usa azul claro para fondos o elementos base para crear una experiencia de usuario pacífica y serena. Esto puede ser particularmente efectivo para aplicaciones de meditación, rastreadores de sueño o sitios web de spa.
- Fomentar la confianza. La asociación psicológica del azul claro con la fiabilidad lo convierte en una excelente opción para aplicaciones de salud, finanzas o seguridad donde construir confianza es esencial.
- Mejorar la legibilidad. El azul claro puede mejorar la legibilidad del texto y resaltar información clave cuando se combina con colores contrastantes. Considera un fondo azul claro con texto gris oscuro para un contraste óptimo.
- Experimentar con el tono. El azul claro abarca una gama de tonos y matices. Variaciones más pálidas como el azul bebé pueden crear una sensación etérea, mientras que tonos ligeramente más oscuros como el azul cielo añaden profundidad. Explora esta gama para encontrar el tono perfecto para el ambiente de tu diseño.
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 sereno y refrescante que el azul claro, considera:
- Azul cielo (#87CEEB) captura la esencia de un cielo despejado, ligeramente más sutil pero igual de tranquilo que el azul claro.
- Azul polvo (#B0E0E6) ofrece una versión más suave y apagada con un toque de verde, encarnando la calma suave del azul claro.
- Azul bebé (#8FD9FB) aparece ligeramente más claro, evocando una sensación de inocencia juvenil y serenidad similar al azul claro.
- Cian (#00FFFF), aunque más vibrante, comparte el ambiente aireado y abierto del azul claro, encarnando la claridad nítida de aguas tropicales.
Para complementar los tonos tranquilos del azul claro, considera emparejarlo con:
- Coral suave (#F88379) proporciona un contraste cálido e invitante que resalta bellamente la frescura del azul claro.
- Gris frío (#CBCBCB) introduce un fondo sutil y moderno que permite al azul claro destacar sin abrumar.
- Crema (#FDFBD4), un tono cálido y suave, complementa la luminosidad del azul claro, creando una atmósfera delicada e invitante.
- Durazno (#FFD3AC) ofrece un abrazo cálido y suave que se mezcla sin esfuerzo con la calidad serena del azul claro.
- Celadón (#A8DCAB) añade un toque refrescante y armonioso, evocando la calma y la sensación rejuvenecedora de un escape sereno.
Otros colores que vale la pena considerar incluyen azul marino para un ambiente clásico y náutico, lavanda para una paleta suave y caprichosa, y blanco para un aspecto nítido y limpio que amplifica la sensación aérea del azul claro.
Aunque el azul claro es versátil, puede chocar con:
- Rojo brillante (#FF0000) puede ser demasiado abrumador contra el suave fondo del azul claro, creando un contraste marcado y potencialmente discordante.
- Naranja neón (#FFA500) presenta una energía excesivamente vibrante que podría interrumpir el ambiente pacífico y sereno del azul claro.
- Marrón oscuro (#654321), aunque es un tono natural de la tierra, puede opacar la frescura del azul claro, resultando en un contraste menos armonioso y atractivo.
- Verde lima (#89F336), con su alta intensidad, puede restar valor a la calidad serena y refinada del azul claro, llevando a una paleta visualmente inquietante.
- Rosa fuerte (#FF69B4), aunque animado, puede chocar con el azul claro al competir por el dominio visual en lugar de complementar su tranquilidad.
El azul claro, evocando el cielo sereno y el mar tranquilo, encarna la tranquilidad, la paz y la calma. Su presencia relajante infunde universalmente una sensación de serenidad y claridad mental. Culturalmente, el azul claro simboliza frescura e innovación.
Psicológicamente, el azul claro representa confiabilidad y fiabilidad, promoviendo la relajación y el pensamiento claro, casi como un soplo visual de aire fresco. Su influencia calmante resulta especialmente valiosa en entornos que reducen el estrés y mejoran el enfoque.
En el diseño de UI/UX, las cualidades calmantes y confiables del azul claro lo convierten en una opción popular para crear interfaces de usuario abiertas y reconfortantes. Sus vínculos con la innovación y la frescura revitalizan los elementos de diseño, convirtiéndolo en un color preferido para marcas que buscan transmitir creatividad y pensamiento progresista.
Aunque el azul ha estado conectado con los cielos y la realeza durante milenios, el concepto de un tono "azul claro" distinto es un desarrollo más reciente.
La era Rococó del siglo XVIII vio un aumento en la popularidad de las estéticas ligeras y aireadas, consolidando la apreciación por los tonos de azul claro. Sin embargo, no fue hasta 1915 que el término "azul claro" se documentó por primera vez en inglés.
Antes de la década de 1940, el azul a veces se vinculaba con la feminidad, mientras que el rosa se inclinaba hacia la masculinidad. Esta tendencia eventualmente se invirtió, con el azul claro convirtiéndose en una elección común para la ropa y la decoración de bebés varones.
Hoy en día, el azul claro trasciende sus primeras asociaciones específicas de género. Es abrazado en banderas nacionales, marcas corporativas y diversas aplicaciones de diseño.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Azul calmado
Amanecer costero
Cola de sirena
Verificador de contraste
Contraste 1,6
- Texto grande
#90D5FF
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 13,15
- Texto grande
#90D5FF
- 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 #90d5ff, también conocido como azul claro, tiene valores RGB de R:144, G:213, B:255 y valores CMYK de C:44, M:16, Y:0, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #90d5ff | #90d5ff |
| RGB DECIMAL | 144, 213, 255 | RGB(144,213,255) |
| RGB PERCENTAGE | 56.5, 83.5, 100.0 | RGB(56.5%,83.5%,100.0%) |
| CMYK | 44, 16, 0, 0 | |
| HSL | HSL(202.7, 100.0%, 78.2%) | HSL(202.7, 100.0%, 78.2%) |
| HSV (OR HSB) | 202.7°, 43.5, 100.0 | |
| WEB SAFE | #153204255 | #153204255 |
| BINARY | 10010000, 11010101, 11111111 | |
| iOS - SwiftUI | Color(red: 0.565, green: 0.835, blue: 1.000) | |
| iOS - UIKit | UIColor(red: 0.565, green: 0.835, blue: 1.000, alpha: 1) | |
| Android - Compose | Color(0xFF90D5FF) |
