Cor #003344 (Nordic Noir)

O código hexadecimal #003344 corresponde à cor Nordic Noir. A seguir, você pode ver seus valores exatos em RGB, HSL e CMYK, verificar seu contraste sobre fundo branco e preto, e descobrir cores similares e complementares dentro da família dos turquesas.

Código HEX#003344
Código RGBrgb(0, 51, 68)
Código HSLhsl(195, 100%, 13.3%)
Código CMYKcmyk(100%, 25%, 0%, 73%)
Família de corTurquesas

Contraste e acessibilidade (WCAG)

Sobre fundo branco: 13.49:1
AA ✓
AAA ✓
Sobre fundo preto: 1.56:1
AA ✕
AAA ✕
Abrir no conversor de cores Criar uma paleta com esta cor

Cor complementar

Couch
#4E2A20

Cores similares

Explore as cores por família

Mais de 469 cores nomeadas, com seus códigos HEX, RGB, HSL e CMYK, organizadas em 12 famílias de tonalidades.

Como usar a cor Nordic Noir

1

Aplique no seu CSS ou design

Copie o código #003344 e use-o diretamente em sua folha de estilos, por exemplo background-color: #003344; ou color: #003344;. Se precisar do valor em outro formato, converta-o para RGB, HSL ou CMYK com nosso conversor de cores.

2

Combine-o com outras cores

Teste Nordic Noir junto à sua cor complementar ou junto aos tons similares da família turquesas que mostramos abaixo, ou gere uma paleta completa a partir desta cor com o gerador de paletas.

3

Verifique se é acessível

Antes de usar Nordic Noir como cor de texto ou fundo, revise o índice de contraste sobre branco e preto indicado acima, ou analise qualquer combinação no verificador de contraste para garantir que atenda aos níveis WCAG AA e AAA.

Perguntas frequentes

Qual é a cor #003344?

+

O código #003344 corresponde à cor Nordic Noir, dentro da família dos turquesas.

Quais cores combinam bem com Nordic Noir?

+

Você pode ver sua cor complementar e várias cores similares abaixo, ou gerar uma paleta completa a partir de Nordic Noir com nosso gerador de paletas.

A cor Nordic Noir é acessível para texto?

+

Depende do fundo: consulte a razão de contraste sobre branco e preto acima para saber se atende aos níveis de acessibilidade WCAG AA e AAA.

Ajudámos-te? Ajuda-nos a espalhar a palavra!
Partilha o PDFDocks com quem possa precisar.