El azul zafiro es un tono profundo y calmante que evoca tranquilidad. Se sitúa entre el azul y el violeta en la rueda de colores. Su tono rico y frío incluye matices como el real y el azul celeste. Perfecto para diseños que necesitan un toque de elegancia y profundidad, combina bien con neutros suaves para equilibrar.
El Azul Zafiro se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código Hex: #0F52BA
- Valor RGB: 5.9% rojo, 32.2% verde, 72.9% azul
Las consideraciones de accesibilidad juegan un papel crucial en la elección de colores para el 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.
Para variaciones dentro del mismo espectro que el Azul Zafiro, considera:
- Azul real (#305cde): Captura la misma calidad majestuosa con un tono ligeramente más rico y menos verde, manteniendo un carácter fuerte y noble.
- Azul cobalto (#0047ab): Encierra una intensidad y profundidad similares, ofreciendo un azul puro e impactante que resuena con la esencia vibrante del Azul Zafiro.
- Azul marino (#000080): Comparte el tono azul profundo y autoritario, aunque más oscuro, transmitiendo la vibra distinguida y clásica del Azul Zafiro.
- Azul (#0000ff): Ofrece un azul directo y audaz que coincide con la claridad y simplicidad impactante del Azul Zafiro.
Para complementar el Azul Zafiro, considera combinarlo con:
- Coral (#FF8559): El coral ofrece un contraste suave pero animado, añadiendo calidez y un toque de diversión a los diseños que presentan Azul Zafiro.
- Ciruela (#8E4585): Los tonos ricos y profundos de la ciruela realzan la elegancia del Azul Zafiro, creando un aspecto sofisticado y equilibrado.
- Verde menta (#ADEBB3): La frescura del verde menta enfría y complementa el Azul Zafiro, creando una paleta serena y armoniosa.
Aunque el azul zafiro es vibrante e impactante, puede chocar con:
- Naranja neón (#FF5C00): La intensa luminosidad del naranja neón crea un contraste visualmente discordante con el tono rico del azul zafiro.
- Cinabrio (#E84B3D): La audaz rojez del cinabrio puede competir con el azul zafiro, llevando a una combinación de colores abrumadora y discordante.
- Verde lima (#89F336): La brillantez vívida del verde lima puede eclipsar al azul zafiro, resultando en una combinación visualmente desequilibrada.
- Rojo carmesí (#B22222): El tono profundo e intenso del rojo carmesí puede chocar con la vibrante del azul zafiro, haciendo que ambos sean difíciles de apreciar juntos.
- Magenta (#FD3DB5): El tono vibrante y audaz del magenta puede competir con el azul zafiro, resultando en una mezcla visualmente caótica.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Sinfonía Azur
Especias Cerúleas
Cascada Celestial
Comprobador de contraste
Contraste 7,15
- Texto largo
#0F52BA
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Aprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Contraste 2,94
- Texto largo
#0F52BA
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #0F52BA, también llamado Azul Zafiro, tiene valores RGB de R:15, G:82, B:186 y valores CMYK de C:92, M:56, Y:0, K:27.
| VALUE | CSS | |
|---|---|---|
| HEX | #0F52BA | #0F52BA |
| RGB DECIMAL | 15, 82, 186 | RGB(15,82,186) |
| RGB PERCENTAGE | 5.9, 32.2, 72.9 | RGB(5.9%,32.2%,72.9%) |
| CMYK | 92, 56, 0, 27 | |
| HSL | HSL(216.5, 85.1%, 39.4%) | HSL(216.5, 85.1%, 39.4%) |
| HSV (OR HSB) | 216.5°, 91.9, 72.9 | |
| WEB SAFE | #0102204 | #0102204 |
| BINARY | 00001111, 01010010, 10111010 | |
| iOS - SwiftUI | Color(red: 0.059, green: 0.322, blue: 0.729) | |
| iOS - UIKit | UIColor(red: 0.059, green: 0.322, blue: 0.729, alpha: 1) | |
| Android - Compose | Color(0xFF0F52BA) |