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 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 diversas plataformas y dispositivos digitales.
- Código Hex: #0F52BA
- Valor RGB: 5.9% rojo, 32.2% verde, 72.9% 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 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 emparejarlo 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 intensidad 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
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Sinfonía de azules
Especias cerúleas
Cascada celestial
Verificador de contraste
Contraste 7,15
- Texto grande
#0F52BA
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Aprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Contraste 2,94
- Texto grande
#0F52BA
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #0F52BA, también conocido como 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) |
