16 Tons diferentes de Azul-petróleo (+ códigos HEX)
Explore todos os tons de azul-petróleo, dos mais claros aos mais escuros. Veja os códigos HEX, os nomes dos tons e paletas de cores azul-petróleo. Clique em qualquer tom para copiar o código.
O azul-petróleo fica exatamente entre o azul e o verde, e por isso parece escolhido com critério em vez de óbvio: é a cor que uma marca pega quando o azul já está ocupado.
É escuro o bastante para carregar texto branco e calmo o bastante para uma interface inteira.
- dew#ebffff
- oyster bay#d1ffff
- onahau#b7ffff
- anakiwa#9dffff
- aquamarine#6affff
- cyan / aqua#36ffff
- bright turquoise#00e8e8
- robin's egg blue#00cece
- pacific blue#00b4b4
- persian green#009b9b
- teal#008181
- blue stone#006767
- sherpa blue#004d4d
- deep teal#003434
- swamp#001a1a
- black#000000
Azul-petróleo: códigos HEX e RGB
azul-petróleo tem os seguintes códigos de cor principais:
HEX: #ebffff
RGB: (235, 255, 255).
Explore uma ampla gama de tons de azul-petróleo 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-petróleo
Dew
#ebffff
Dew
#ebffff
Twilight Blue
#f0ffff
Twilight Blue
#f0ffff
Twilight Blue
#f5ffff
Twilight Blue
#f5ffff
Twilight Blue
#f5ffff
Twilight Blue
#faffff
Twilight Blue
#faffff
White
#ffffff
Explore os tons mais escuros de azul-petróleo
Bottle Green
#093434
Elephant
#154c4c
Casal
#256565
Ming
#3b8181
Breaker Bay
#559b9b
Neptune
#74b4b4
Half Baked
#94cccc
Jagged Ice
#bde5e5
azul-petróleo em HEX, RGB, HSL e CMYK
| HEX | #008080 | |
|---|---|---|
| RGB | rgb(0, 128, 128) | |
| HSL | hsl(180, 100%, 25%) | |
| CMYK | cmyk(100%, 0%, 0%, 50%) |
Tons claros e escuros de azul-petróleo
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
#00bcbc
#00f8f8
#36ffff
#72ffff
#aeffff
#ebffff
Mais escuros
#006e6e
#005c5c
#004a4a
#003838
#002626
#001414
Cores que combinam com azul-petróleo
Complementar
#008080 #800000
O oposto no círculo cromático. Contraste máximo: use como acento, não em meia página.
Análogas
#008040 #008080 #004080
Vizinhas no círculo. Calmas e coerentes, o jeito mais seguro de montar uma paleta.
Tríade
#008080 #80007f #7f8000
Três cores igualmente espaçadas. Vivas e equilibradas; deixe uma delas dominar.
Texto sobre azul-petróleo
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-petróleo
Clique com o botão direito para salvar a tabela, ou copie os códigos acima.