Informação da cor #2173b5

A cor hexadecimal 2173b5 no modelo de cores RGB (Red, Green, Blue), é um composta por 33 de vermelho, 115 de verde e 181 de azul.

No padrão de cores CMYK, é composto por 81.8% de ciano, 36.5% de magenta, 0% de amarelo e 29% de preto. Tem um ângulo de matiz de 206.8 graus, uma saturação de 69.2% e uma leveza de 42%.

A cor mais próxima WebSafe é 006699.

Conversões de #2173b5 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 2173b5
RGB 33, 115, 181
RGB Percentagem 12.9%, 45.1%, 71%
CMYK 0.82, 0.36, 0, 0.29
HSL 206.8°, 69.2%, 42%
HSV (ou HSB) 206.8°, 81.8%, 71%
RYB 12.9, 33.7, 71
Formato Cor
XYZ 16.9, 18.2, 49.3
CIELab 49.76, -2.38, -40.13
Decimal 2192309
Yxy 15.9191, 0.196, 0.2067
YUV 98.006, 174.8364, 81.6334
CIELuv 46.8682, -26.6515, -62.5689
Web Safe 006699

Distribuição de #2173b5

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.

#2173b5

#2173b5
rgb(33,115,181)

#b56421

#b56421
rgb(181,100,33)

Cores triadicas

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

#b52173

#b52173
rgb(181,33,115)

#2173b5

#2173b5
rgb(33,115,181)

#73b521

#73b521
rgb(115,181,33)

Cores tetrádicas

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

#ae21b5

#ae21b5
rgb(174,33,181)

#2173b5

#2173b5
rgb(33,115,181)

#b56421

#b56421
rgb(181,100,33)

#29b521

#29b521
rgb(41,181,33)

Cores monocromáticas

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

#2173b5

#2173b5
rgb(33,115,181)

#8ea4b5

#8ea4b5
rgb(142,164,181)

#8ca3b5

#8ca3b5
rgb(140,163,181)

#8aa2b5

#8aa2b5
rgb(138,162,181)

#89a1b5

#89a1b5
rgb(137,161,181)

#87a1b5

#87a1b5
rgb(135,161,181)

Tons e Matizes de #2173b5

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

Matiz (adicionando branco)
#2173b5

#2173b5
rgb(33,115,181)

#4d8fc3

#4d8fc3
rgb(77,143,195)

#79abd2

#79abd2
rgb(121,171,210)

#a6c7e1

#a6c7e1
rgb(166,199,225)

#d2e3f0

#d2e3f0
rgb(210,227,240)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#2173b5

#2173b5
rgb(33,115,181)

#1a5c90

#1a5c90
rgb(26,92,144)

#13456c

#13456c
rgb(19,69,108)

#0d2d48

#0d2d48
rgb(13,45,72)

#061624

#061624
rgb(6,22,36)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #2173b5

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

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

Contraste

Branco e #2173b5
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA X Não conforme

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

Preto e #2173b5
Texto grande WCAG AA ✓ 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 #2173b5

Este exemplo mostra como o texto na cor #2173b5 se parece.

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

Este parágrafo tem fundo de cor #2173b5.

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

Este elemento tem uma cor de borda de #2173b5.

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

Cores alietórias

#7f7df4

#7f7df4
rgb(127,125,244)

#7eb17f

#7eb17f
rgb(126,177,127)

#0a4327

#0a4327
rgb(10,67,39)

#a3bcca

#a3bcca
rgb(163,188,202)

#b7da56

#b7da56
rgb(183,218,86)

#e0437f

#e0437f
rgb(224,67,127)

#825ae2

#825ae2
rgb(130,90,226)

#5f6e3d

#5f6e3d
rgb(95,110,61)

#0a381c

#0a381c
rgb(10,56,28)

#1aacc8

#1aacc8
rgb(26,172,200)

#490d7d

#490d7d
rgb(73,13,125)

#cd66a1

#cd66a1
rgb(205,102,161)