El azul ultramar es un tono vibrante y profundo conocido por su ambiente relajante y sereno. Se sitúa entre el azul y el violeta en la rueda de colores, evocando pigmentos naturales como el azul y el lapislázuli. Con matices como el cobalto intenso y el cerúleo no tóxico, es perfecto para realzar la luminosidad en diseños o paletas temáticas del cielo.
El azul ultramar se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código Hex: #4166F5
- Valor RGB: 25.5% rojo, 40.0% verde, 96.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.
Para variaciones dentro del mismo espectro que el azul ultramar, considera:
- Azul real (#305cde): El azul real comparte el tono profundo y rico del azul ultramar con un matiz ligeramente más apagado, manteniendo una presencia regia y calmante en cualquier paleta de colores.
- Azul cobalto (#0047ab): El azul cobalto ofrece una saturación vibrante e intensa similar al azul ultramar, con una profundidad impactante que lo convierte en una elección fundamental en pigmentos y arte.
- Azul marino (#000080): El azul marino refleja la sofisticación profunda del azul ultramar, ofreciendo un atractivo oscuro y clásico que es tanto atemporal como versátil en la mezcla de tonos.
- Azul oscuro (#111184): El azul oscuro captura la profundidad dramática e intensidad del azul ultramar, con una ligera inclinación hacia un tono aún más profundo y rico.
Para complementar el azul ultramar, considera emparejarlo con:
- Coral (#FF8559): Este tono vibrante contrasta hermosamente con el color profundo e intenso del azul ultramar, creando una paleta de colores viva y llamativa.
- Amarillo mostaza (#FFCE1B): El amarillo mostaza introduce un tono cálido y soleado que complementa las tonalidades frías del azul ultramar, haciendo la combinación dinámica y equilibrada.
- Verde menta (#ADEBB3): El verde menta ofrece un contraste refrescante y relajante al azul ultramar, añadiendo un toque juguetón a tu diseño mientras mantiene la armonía.
- Durazno (#FFD3AC): El durazno proporciona un fondo suave y cálido que suaviza la intensidad del azul ultramar, haciéndolo perfecto para contextos decorativos y ambientes amigables.
- Lavanda (#D3D3FF): Con su tono suave, la lavanda se combina elegantemente con el azul ultramar, realzando su profundidad mientras aporta un efecto sereno y calmante a la composición.
Aunque el azul ultramar es un color versátil e impactante, puede chocar con:
- Bermellón (#E73121): Este rojo intenso puede abrumar al azul ultramar debido a su fuerte tono cálido, llevando a un contraste discordante que resta atractivo a ambos colores.
- Naranja neón (#FF5C00): La naturaleza brillante y vívida del naranja neón puede crear una discordia visual con el azul ultramar, ya que ambos colores compiten por atención en una paleta de colores.
- Verde lima (#89F336): El brillo y la vibrancia del verde lima contrastan fuertemente con la frescura profunda del azul ultramar, potencialmente creando una combinación chillona.
- Rosa neón (#FF13F0): La saturación vívida del rosa neón compite con el azul ultramar, resultando en una combinación visualmente abrumadora que puede ser difícil de equilibrar estéticamente.
- Amarillo (#FFDE21): El brillo del amarillo puede chocar con el azul ultramar, creando una combinación de alto contraste que puede ser inquietante sin consideraciones de diseño cuidadosas.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Índigo eléctrico
Armonía radiante
Océano vibrante
Verificador de contraste
Contraste 4,73
- Texto grande
#4166F5
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Desaprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Contraste 4,44
- Texto grande
#4166F5
- 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 #4166F5, también conocido como Azul ultramar, tiene valores RGB de R:65, G:102, B:245 y valores CMYK de C:73, M:58, Y:0, K:4.
| VALUE | CSS | |
|---|---|---|
| HEX | #4166F5 | #4166F5 |
| RGB DECIMAL | 65, 102, 245 | RGB(65,102,245) |
| RGB PERCENTAGE | 25.5, 40.0, 96.1 | RGB(25.5%,40.0%,96.1%) |
| CMYK | 73, 58, 0, 4 | |
| HSL | HSL(227.7, 90.0%, 60.8%) | HSL(227.7, 90.0%, 60.8%) |
| HSV (OR HSB) | 227.7°, 73.5, 96.1 | |
| WEB SAFE | #51102255 | #51102255 |
| BINARY | 01000001, 01100110, 11110101 | |
| iOS - SwiftUI | Color(red: 0.255, green: 0.400, blue: 0.961) | |
| iOS - UIKit | UIColor(red: 0.255, green: 0.400, blue: 0.961, alpha: 1) | |
| Android - Compose | Color(0xFF4166F5) |
