O azul cadete é um tom calmante que mistura azul com um toque de cinza, tornando-o sereno e sofisticado. Posicionado entre o azul e o cinza no círculo cromático, combina bem com azul ardósia e azul aço. Use-o para adicionar uma elegância sutil a fundos ou designs minimalistas.
O Azul Cadete é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código Hex: #5F9EA0
- Valor RGB: 37,3% vermelho, 62,0% verde, 62,7% azul
Os critérios de acessibilidade são fundamentais na escolha de cores para design de UX e UI. O 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 Cadete, considere:
- Cinza Ardósia (#6d8196): O Cinza Ardósia compartilha um subtom azul suave, oferecendo uma vibração sofisticada e discreta, reminiscente da natureza calma e reservada do Azul Cadete.
- Pewter (#909eae): O Pewter imita o Azul Cadete com um toque metálico frio, proporcionando um equilíbrio suave entre azul e cinza para uma aparência equilibrada.
- Azul Ardósia (#557c99): O Azul Ardósia pende um pouco mais para o azul com um toque de cinza, mantendo a qualidade equilibrada e serena que caracteriza o Azul Cadete.
- Azul-cinza (#6a89a7): O Azul-cinza alinha-se de perto com o Azul Cadete ao misturar azul e cinza em harmonia, criando uma paleta de cores equilibrada e suave.
Para complementar o Azul Cadete, considere combiná-lo com:
- Coral (#FF8559): Esta cor quente e alegre adiciona um contraste vibrante ao Azul Cadete, criando uma paleta dinâmica e convidativa.
- Pêssego (#FFD3AC): O Pêssego oferece um calor suave que contrasta lindamente com o Azul Cadete, tornando a combinação amigável e acolhedora.
- Rosa Pastel (#FFC5D3): Esta cor suave introduz um toque delicado que realça as qualidades calmantes do Azul Cadete, resultando em um visual harmonioso e sereno.
Embora o Azul Cadete seja calmo e tranquilizante, ele pode entrar em conflito com:
- Laranja Queimada (#BE5103): Este tom intenso compete com a natureza serena do Azul Cadete, criando tensão devido às suas temperaturas de cor opostas.
- Vermelho Rosado (#FA003F): A intensidade vibrante do vermelho rosado perturba o tom tranquilo do Azul Cadete, levando a um contraste visual chocante.
- Amarelo (#FFDE21): Seu brilho pode sobrepujar os tons mais sutis do Azul Cadete, criando uma combinação de cores desequilibrada.
- Rosa Choque (#FF46A2): A ousadia lúdica do rosa choque pode sobrepujar o Azul Cadete, resultando em uma dinâmica visual conflitante.
- Verde Neon (#2CFF05): O brilho elétrico do verde neon contrasta fortemente com a qualidade suave do Azul Cadete, causando uma discórdia visual acentuada.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Refúgio Aqua
Gelo Coral
Flor Costeira
Verificador de contraste
Contraste 3,05
- Texto grande
#5F9EA0
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Aprovado | Reprovado | |
Aprovado | Reprovado |
Contraste 6,88
- Texto grande
#5F9EA0
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Reprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #5F9EA0, conhecida como Azul Cadete, tem valores RGB de R:95, G:158, B:160 e valores CMYK de C:41, M:1, Y:0, K:37.
| VALUE | CSS | |
|---|---|---|
| HEX | #5F9EA0 | #5F9EA0 |
| RGB DECIMAL | 95, 158, 160 | RGB(95,158,160) |
| RGB PERCENTAGE | 37.3, 62.0, 62.7 | RGB(37.3%,62.0%,62.7%) |
| CMYK | 41, 1, 0, 37 | |
| HSL | HSL(181.8, 25.5%, 50.0%) | HSL(181.8, 25.5%, 50.0%) |
| HSV (OR HSB) | 181.8°, 40.6, 62.7 | |
| WEB SAFE | #102153153 | #102153153 |
| BINARY | 01011111, 10011110, 10100000 | |
| iOS - SwiftUI | Color(red: 0.373, green: 0.620, blue: 0.627) | |
| iOS - UIKit | UIColor(red: 0.373, green: 0.620, blue: 0.627, alpha: 1) | |
| Android - Compose | Color(0xFF5F9EA0) |
