Azul safira é um tom profundo e calmante, que evoca tranquilidade. Ele se posiciona entre o azul e o violeta no círculo cromático. Seu tom rico e frio inclui nuances como o azul real e o azul celeste. Perfeito para designs que precisam de um toque de elegância e profundidade, combina bem com neutros suaves para equilíbrio.
O Azul Safira é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código Hex: #0F52BA
- Valor RGB: 5,9% vermelho, 32,2% verde, 72,9% azul
Considerações de acessibilidade são fundamentais na escolha de cores para design de UX e UI. Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo Web.
Para variações dentro do mesmo espectro do Azul Safira, considere:
- Azul real (#305cde): Captura a mesma qualidade majestosa com um tom ligeiramente mais rico e menos verde, mantendo um caráter forte e nobre.
- Azul cobalto (#0047ab): Incorpora uma intensidade e profundidade semelhantes, oferecendo um azul puro e marcante que ressoa com a essência vibrante do Azul Safira.
- Azul marinho (#000080): Compartilha o tom azul profundo e autoritário, embora mais escuro, transmitindo a vibração distinta e clássica do Azul Safira.
- Azul (#0000ff): Oferece um azul direto e ousado que combina com a clareza e simplicidade marcantes do Azul Safira.
Para complementar o Azul Safira, considere combiná-lo com:
- Coral (#FF8559): Coral oferece um contraste suave, mas animado, adicionando calor e um toque de diversão aos designs com Azul Safira.
- Ameixa (#8E4585): Os tons ricos e profundos de ameixa realçam a elegância do Azul Safira, criando um visual sofisticado e equilibrado.
- Verde menta (#ADEBB3): A frescura do verde menta esfria e complementa o Azul Safira, criando uma paleta serena e harmoniosa.
Embora o azul safira seja vibrante e marcante, ele pode entrar em conflito com:
- Laranja neon (#FF5C00): O brilho intenso do laranja neon cria um contraste visualmente chocante com o tom rico do azul safira.
- Cinábrio (#E84B3D): A vermelhidão ousada do cinábrio pode competir com o azul safira, levando a uma combinação de cores avassaladora e discordante.
- Verde limão (#89F336): O brilho vívido do verde limão pode ofuscar o azul safira, resultando em uma combinação visualmente desequilibrada.
- Vermelho carmesim (#B22222): O tom profundo e intenso do vermelho carmesim pode entrar em conflito com a vivacidade do azul safira, tornando difícil apreciá-los juntos.
- Magenta (#FD3DB5): O tom vibrante e ousado do magenta pode competir com o azul safira, resultando em uma mistura visualmente caótica.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Sinfonia de Azul Celeste
Especiaria Cerúlea
Cascata Celestial
Verificador de contraste
Contraste 7,15
- Texto grande
#0F52BA
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Contraste 2,94
- Texto grande
#0F52BA
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #0F52BA, conhecida como Azul Safira, tem valores RGB de R:15, G:82, B:186 e 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) |
