El azul claro es un tono sereno y delicado con una sensación calmante y aireada. Se sitúa entre el azul y el verde en el círculo cromático, 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 varias plataformas y dispositivos digitales.
- Código HEX: #90D5FF
- Valor RGB: 56.5% rojo, 83.5% verde y 100% azul
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color de diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurarse de que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.
El azul claro ofrece un color versátil para el diseño de UI, 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 cambiar de una cultura a otra, y en cualquier momento. Si estás diseñando para una audiencia global, investiga las consideraciones de color para tus regiones específicas.
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 igualmente 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 la vibra aireada y abierta del azul claro, encarnando la claridad nítida de las aguas tropicales.
Para complementar los tonos tranquilos del azul claro, considera emparejarlo con:
- Coral suave (#F88379) proporciona un contraste cálido y acogedor que resalta bellamente la frescura del azul claro.
- Gris frío (#CBCBCB) introduce un fondo sutil y moderno que permite que el azul claro destaque sin abrumar.
- Crema (#FDFBD4), un tono cálido y suave, complementa el brillo del azul claro, creando una atmósfera delicada y acogedora.
- Melocotón (#FFD3AC) ofrece un abrazo suave y cálido 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 una escapada serena.
Otros colores que vale la pena considerar incluyen azul marino para una vibra clásica y náutica, lavanda para una paleta suave y caprichosa, y blanco para un aspecto nítido y limpio que amplifica la sensación aireada del azul claro.
Aunque el azul claro es versátil, puede chocar con:
- Rojo brillante (#FF0000) puede ser demasiado abrumador contra el fondo suave del azul claro, creando un contraste marcado y potencialmente discordante.
- Naranja neón (#FFA500) presenta una energía excesivamente vibrante que podría interrumpir la vibra pacífica y serena del azul claro.
- Marrón oscuro (#654321), aunque 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 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
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Azul calmado
Amanecer costero
Cola de sirena
Comprobador de contraste
Contraste 1,6
- Texto largo
#90D5FF
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Contraste 13,15
- Texto largo
#90D5FF
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Aprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #90d5ff, también llamado 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) |