Azul aço é um tom frio que evoca calma e sofisticação. Ele se encontra no espectro azul da roda de cores, com toques de cinza. Tons relacionados incluem ardósia e azul celeste. Perfeito para design de interiores ou web, adiciona profundidade e tranquilidade a espaços ou layouts. Experimente essa cor versátil para uma estética visual equilibrada.
O azul aço é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código Hex: #4682B4
- Valor RGB: 27,5% vermelho, 51,0% verde, 70,6% azul
Considerações de acessibilidade desempenham um papel crucial na escolha de cores no 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 aço, considere:
- Azul Ardósia (#557c99): O Azul Ardósia apresenta um tom suave e sutilmente acinzentado, semelhante às qualidades calmantes e versáteis do Azul Aço.
- Estanho (#909eae): Como o Azul Aço, o Estanho tem uma mistura equilibrada de azul e cinza, criando uma aparência fria e discreta, perfeita para adicionar um toque de elegância sofisticada.
- Azul Cadete (#5F9EA0): O Azul Cadete espelha de perto o Azul Aço com sua combinação tranquila de azul e cinza, oferecendo uma paleta igualmente suave e neutra para várias aplicações de design.
- Chambray (#A4C8E1): Chambray apresenta uma versão mais clara e suave do Azul Aço, proporcionando uma vibração arejada e serena com um toque de azul que mantém a harmonia visual no design.
Para complementar o Azul Aço, considere combiná-lo com:
- Coral (#FF8559): Adiciona calor e vivacidade, criando uma paleta convidativa e equilibrada que destaca o tom frio do Azul Aço.
- Amarelo Mostarda (#FFCE1B): Proporciona um contraste marcante que evoca energia e profundidade, tornando-o perfeito para design de interiores únicos e opções de pintura cativantes.
- Azul Menta (#98FBCB): Oferece uma mistura harmoniosa que realça as qualidades serenas do Azul Aço, ideal para ambientes frescos e calmantes.
- Pêssego (#FFD3AC): Introduz um toque suave e quente que complementa o tom frio do Azul Aço, contribuindo para uma atmosfera acolhedora e convidativa.
- Açafrão (#F1C338): Complementa o Azul Aço com um contraste rico e vibrante, perfeito para criar paletas de cores dinâmicas e modernas que se adequam às tendências de design atuais.
Embora o azul aço seja um tom frio frequentemente usado em tendências de design por sua vibração calma e sofisticada, ele pode entrar em conflito com:
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Ondas de Azul Celeste
Brasa à Beira-mar
Explosão do Crepúsculo
Verificador de contraste
Contraste 4,11
- Texto grande
#4682B4
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Aprovado | Reprovado | |
Aprovado | Reprovado |
Contraste 5,11
- Texto grande
#4682B4
- 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 #4682B4, conhecida como Azul aço, tem valores RGB de R:70, G:130, B:180 e valores CMYK de C:61, M:28, Y:0, K:29.
| VALUE | CSS | |
|---|---|---|
| HEX | #4682B4 | #4682B4 |
| RGB DECIMAL | 70, 130, 180 | RGB(70,130,180) |
| RGB PERCENTAGE | 27.5, 51.0, 70.6 | RGB(27.5%,51.0%,70.6%) |
| CMYK | 61, 28, 0, 29 | |
| HSL | HSL(207.3, 44.0%, 49.0%) | HSL(207.3, 44.0%, 49.0%) |
| HSV (OR HSB) | 207.3°, 61.1, 70.6 | |
| WEB SAFE | #51153204 | #51153204 |
| BINARY | 01000110, 10000010, 10110100 | |
| iOS - SwiftUI | Color(red: 0.275, green: 0.510, blue: 0.706) | |
| iOS - UIKit | UIColor(red: 0.275, green: 0.510, blue: 0.706, alpha: 1) | |
| Android - Compose | Color(0xFF4682B4) |
