12 Tons diferentes de Azul (+ códigos HEX)
Explore todos os tons de azul, dos mais claros aos mais escuros. Veja os códigos HEX, os nomes dos tons e paletas de cores azul. Clique em qualquer tom para copiar o código.
O azul é a cor mais usada em software e a que mais transmite confiança em marcas, em parte porque quase ninguém desgosta dela. Recua, o que o torna um fundo seguro.
O risco é a frieza: acrescente um acento quente ou escolha um azul com um pouco de verde para ficar mais próximo.
- titan white#ebebff
- periwinkle#d2d2ff
- melrose#babaff
- malibu#8989ff
- cornflower blue#7070ff
- dodger blue#5858ff
- blue ribbon#4040ff
- blue#2727ff
- dark blue#0000dd
- navy blue#000094
- stratos#00004a
- black russian#00001a
Azul: códigos HEX e RGB
azul tem os seguintes códigos de cor principais:
HEX: #ebebff
RGB: (235, 235, 255).
Explore uma ampla gama de tons de azul no seletor interativo. Clique em qualquer cor para copiar o código HEX e usar no seu projeto!
Explore os tons mais claros de azul
Titan White
#ebebff
Titan White
#ebebff
Titan White
#f0f0ff
Titan White
#f0f0ff
Titan White
#f5f5ff
Titan White
#f5f5ff
Titan White
#f5f5ff
Titan White
#fafaff
Titan White
#fafaff
White
#ffffff
Explore os tons mais escuros de azul
Violet
#090934
Bunting
#15154c
Cloud Burst
#252565
East Bay
#3b3b81
Butterfly Bush
#55559b
Wild Blue Yonder
#7474b4
Blue Bell
#9494cc
Periwinkle Gray
#bdbde5
azul em HEX, RGB, HSL e CMYK
| HEX | #0000FF | |
|---|---|---|
| RGB | rgb(0, 0, 255) | |
| HSL | hsl(240, 100%, 50%) | |
| CMYK | cmyk(100%, 100%, 0%, 0%) |
Tons claros e escuros de azul
Os tons claros somam branco e os escuros somam preto, sem mudar o matiz. Servem para estados hover, bordas e fundos que precisam continuar sendo da mesma cor.
Mais claros
#2727ff
#4e4eff
#7575ff
#9c9cff
#c4c4ff
#ebebff
Mais escuros
#0000d8
#0000b1
#00008a
#000063
#00003b
#000014
Cores que combinam com azul
Complementar
#0000FF #ffff00
O oposto no círculo cromático. Contraste máximo: use como acento, não em meia página.
Análogas
#007fff #0000FF #7f00ff
Vizinhas no círculo. Calmas e coerentes, o jeito mais seguro de montar uma paleta.
Tríade
#0000FF #ff0000 #00ff00
Três cores igualmente espaçadas. Vivas e equilibradas; deixe uma delas dominar.
Texto sobre azul
Medido pelas WCAG: 4.5:1 para texto normal e 3:1 para texto grande. Teste a sua própria combinação no Verificador de contraste
Tabela de tons de azul
Clique com o botão direito para salvar a tabela, ou copie os códigos acima.