Informação da cor #0d2257

A cor hexadecimal 0d2257 no modelo de cores RGB (Red, Green, Blue), é um composta por 13 de vermelho, 34 de verde e 87 de azul.

No padrão de cores CMYK, é composto por 85.1% de ciano, 60.9% de magenta, 0% de amarelo e 65.9% de preto. Tem um ângulo de matiz de 223 graus, uma saturação de 74% e uma leveza de 19.6%.

A cor mais próxima WebSafe é 000033.

Conversões de #0d2257 num outro espaço de cores

Aqui você vê sua cor convertida em 14 formatos de cores diferentes, como RGB, CMYK, HSV, HSL, CIELab, Decimal, YUV e outros.
Formato Cor
Hex 0d2257
RGB 13, 34, 87
RGB Percentagem 5.1%, 13.3%, 34.1%
CMYK 0.85, 0.61, 0, 0.66
HSL 223°, 74%, 19.6%
HSV (ou HSB) 223°, 85.1%, 34.1%
RYB 5.1, 11.8, 34.1
Formato Cor
XYZ 3.2, 2.6, 11.3
CIELab 18.31, 12.94, -34.83
Decimal 860759
Yxy 1.9175, 0.1803, 0.1407
YUV 33.763, 158.0435, 113.1905
CIELuv 15.048, -6.099, -34.3856
Web Safe 000033

Distribuição de #0d2257

RGB
RYB
CMYK
CMY

Harmonia de cores

Cores complementares

É a harmonia que ocorre quando combinamos cores opostas na roda das cores. Em outras palavras, são cores que se encontram simétricas com respeito ao centro da roda. O Matiz varia em 180 º entre uma e outra.

#0d2257

#0d2257
rgb(13,34,87)

#57420e

#57420e
rgb(87,66,14)

Cores triadicas

É a harmonia onde usamos três cores equidistantes no circulo cromático. Por exemplo azul, amarelo e vermelho.

#570e23

#570e23
rgb(87,14,35)

#0d2257

#0d2257
rgb(13,34,87)

#23570e

#23570e
rgb(35,87,14)

Cores tetrádicas

Como o nome indica, refere-se a harmonia conseguida por dois pares de cores complementares entre si.

#570e48

#570e48
rgb(87,14,72)

#0d2257

#0d2257
rgb(13,34,87)

#57420e

#57420e
rgb(87,66,14)

#0e571d

#0e571d
rgb(14,87,29)

Cores monocromáticas

É a harmonia resultante de uma mesma cor da roda das cores. As tonalidades podem mudar, mas todas ficam no mesmo matiz.

#0d2257

#0d2257
rgb(13,34,87)

#444a57

#444a57
rgb(68,74,87)

#444957

#444957
rgb(68,73,87)

#434957

#434957
rgb(67,73,87)

#424857

#424857
rgb(66,72,87)

#414757

#414757
rgb(65,71,87)

Tons e Matizes de #0d2257

É possível obter uma sombra adicionando preto a qualquer matiz puro, enquanto um matiz é criado misturando branco a qualquer cor pura.

Matiz (adicionando branco)
#0d2257

#0d2257
rgb(13,34,87)

#3d4e78

#3d4e78
rgb(61,78,120)

#6d7a9a

#6d7a9a
rgb(109,122,154)

#9ea6bb

#9ea6bb
rgb(158,166,187)

#ced2dd

#ced2dd
rgb(206,210,221)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#0d2257

#0d2257
rgb(13,34,87)

#0a1b45

#0a1b45
rgb(10,27,69)

#071434

#071434
rgb(7,20,52)

#050d22

#050d22
rgb(5,13,34)

#020611

#020611
rgb(2,6,17)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

Esta visualização mostra como a cor #0d2257 fica em um fundo branco.

Fundo preto

Esta visualização mostra como a cor #0d2257 fica em um fundo preto.

Fundo de cor #0d2257

Esta visualização mostra como a cor branca fica em um fundo #0d2257.

Esta visualização mostra como a cor preta fica em um fundo #0d2257.

Contraste

Branco e #0d2257
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Preto e #0d2257
Texto grande WCAG AA X Não conforme
Qualquer texto WCAG AA X Não conforme
Texto grande WCAG AAA X Não conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #0d2257

Este exemplo mostra como o texto na cor #0d2257 se parece.

<span style="color:#0d2257;">Aqui fica o texto.</span>
Cor de fundo #0d2257

Este parágrafo tem fundo de cor #0d2257.

<p style="background-color:#0d2257;">O conteúdo fica aqui.</p>
Borda de cor #000bef

Este elemento tem uma cor de borda de #0d2257.

<div style="border:1px solid #000bef;">Conteúdo fica aqui</div>
Códigos CSS
.text {color:#0d2257;}
.background {background-color:#0d2257;}
.border {border:1px solid #0d2257;}

Cores alietórias

#d3e401

#d3e401
rgb(211,228,1)

#58dc48

#58dc48
rgb(88,220,72)

#7fe69e

#7fe69e
rgb(127,230,158)

#4bdabe

#4bdabe
rgb(75,218,190)

#acd3ea

#acd3ea
rgb(172,211,234)

#b68aee

#b68aee
rgb(182,138,238)

#605eef

#605eef
rgb(96,94,239)

#105c33

#105c33
rgb(16,92,51)

#ed1b00

#ed1b00
rgb(237,27,0)

#b4dd81

#b4dd81
rgb(180,221,129)

#6e4d78

#6e4d78
rgb(110,77,120)

#a13383

#a13383
rgb(161,51,131)