Início › Cores › Azul-oceano
Cor azul-oceano #005A9C Um azul intenso e médio-escuro que lembra águas profundas em alto-mar. É muito popular em decoração praiana, moda náutica e marcas que querem passar confiança.
Também conhecida como: azul-mar.
O código HEX da cor azul-oceano é #005A9C. Em RGB é rgb(0, 90, 156), em HSL é hsl(205, 100%, 31%) e em CMYK é 100, 42, 0, 39.
HEX #005A9C RGB rgb(0, 90, 156) HSL hsl(205, 100%, 31%) HSB 205°, 100%, 61% CMYK 100, 42, 0, 39 LAB 37, 3, -42
Cores parecidas com azul-oceano
Sobre a cor azul-oceano O azul-oceano (#005A9C) é uma cor fria, de luminosidade média e muito saturada. Faz parte da família dos azuis . É formada por 0 de vermelho, 90 de verde e 156 de azul (de 0 a 255). É usada principalmente em decoração, branding, moda.
Azul-oceano · #005A9C
Tons de azul-oceano: claros e escuros Do mais claro ao mais escuro. Toque em um tom para copiar o código.
#D9E6F0 Copiado #B2CEE1 Copiado #80ACCE Copiado #4C8CBA Copiado #005A9C Copiado #00487D Copiado #00365E Copiado #00243E Copiado #00121F Copiado
Veja todos os tons: Gerador de escala de cores
Cores de roupa por estação e estilo 80 paletas masculinas e femininas, cada uma com 8 looks para copiar: luxo discreto, praia, montanha, trabalho e mais. Ver paletas de roupa
Harmonias da cor azul-oceano Combinações baseadas no círculo cromático. Veja mais em harmonia de cores .
#005A9C Copiado #9C4200 Copiado
Complementar
Próximo de: Marrom #009C90 Copiado #005A9C Copiado #000C9C Copiado
#005A9C Copiado #9C005A Copiado #5A9C00 Copiado
#005A9C Copiado #9C000C Copiado #9C9000 Copiado
#005A9C Copiado #90009C Copiado #9C4200 Copiado #0C9C00 Copiado
Paletas com a cor azul-oceano Copie os códigos ou abra a paleta no editor para ajustá-la.
#D6EEFF Copiado #8FD0FF Copiado #005A9C Copiado #00233D Copiado #001829 Copiado
#19DFBF Copiado #00A4BB Copiado #005A9C Copiado #00237D Copiado #040449 Copiado
#F0F3F5 Copiado #ADD1EB Copiado #005A9C Copiado #B24C00 Copiado #192229 Copiado
#F1B1D6 Copiado #005A9C Copiado #588C10 Copiado #A3296F Copiado #FAFAF7 Copiado
#F2F4F6 Copiado #C9D1D9 Copiado #005A9C Copiado #5B6672 Copiado #1E252C Copiado
#EAF1F5 Copiado #8CB8D9 Copiado #005A9C Copiado #001D33 Copiado #E2D536 Copiado
Contraste de azul-oceano com texto Texto branco Contraste 7.1:1 · AAA
Texto preto Contraste 2.9:1 · Não recomendado
Segundo as diretrizes WCAG 2.1. Teste outras combinações no verificador de contraste .
Código CSS Copiar :root {
--azul-oceano: #005A9C;
--azul-oceano-rgb: 0, 90, 156;
}
.fundo { background-color: var(--azul-oceano); }
.texto { color: var(--azul-oceano); }
Cores parecidas com azul-oceano
Paletas temáticas com esta cor
Amostra da cor Azul-oceano com seus tons do claro ao escuro · #005A9C Perguntas frequentes Qual é o código da cor azul-oceano? O código HEX da cor azul-oceano é #005A9C. Em RGB é rgb(0, 90, 156), em HSL é hsl(205, 100%, 31%) e em CMYK é 100, 42, 0, 39.
Qual é a cor complementar de azul-oceano? A complementar no círculo cromático é #9C4200, um tom próximo de marrom. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.
Dá para usar texto branco sobre a cor azul-oceano? Sim. O contraste com o branco é 7.1:1, suficiente para texto comum (WCAG AA).
Usamos cookies do Google Analytics para entender como o site é usado. Você aceita? Saiba mais
Recusar Aceitar