Informação da cor #167370

A cor hexadecimal 167370 no modelo de cores RGB (Red, Green, Blue), é um composta por 22 de vermelho, 115 de verde e 112 de azul.

No padrão de cores CMYK, é composto por 80.9% de ciano, 0% de magenta, 2.6% de amarelo e 54.9% de preto. Tem um ângulo de matiz de 178.1 graus, uma saturação de 67.9% e uma leveza de 26.9%.

A cor mais próxima WebSafe é 006666.

Conversões de #167370 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 167370
RGB 22, 115, 112
RGB Percentagem 8.6%, 45.1%, 43.9%
CMYK 0.81, 0, 0.03, 0.55
HSL 178.1°, 67.9%, 26.9%
HSV (ou HSB) 178.1°, 80.9%, 45.1%
RYB 8.6, 27.5, 45.1
Formato Cor
XYZ 11, 15.8, 20.3
CIELab 46.74, -26.76, -6.11
Decimal 1471344
Yxy 13.6007, 0.2321, 0.3363
YUV 86.851, 142.1924, 81.7439
CIELuv 43.6548, -32.1153, -4.4015
Web Safe 006666

Distribuição de #167370

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.

#167370

#167370
rgb(22,115,112)

#73161a

#73161a
rgb(115,22,26)

Cores triadicas

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

#701673

#701673
rgb(112,22,115)

#167370

#167370
rgb(22,115,112)

#737016

#737016
rgb(115,112,22)

Cores tetrádicas

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

#421673

#421673
rgb(66,22,115)

#167370

#167370
rgb(22,115,112)

#73161a

#73161a
rgb(115,22,26)

#487316

#487316
rgb(72,115,22)

Cores monocromáticas

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

#167370

#167370
rgb(22,115,112)

#5a7373

#5a7373
rgb(90,115,115)

#597373

#597373
rgb(89,115,115)

#587373

#587373
rgb(88,115,115)

#577373

#577373
rgb(87,115,115)

#567373

#567373
rgb(86,115,115)

Tons e Matizes de #167370

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

Matiz (adicionando branco)
#167370

#167370
rgb(22,115,112)

#448f8c

#448f8c
rgb(68,143,140)

#73aba9

#73aba9
rgb(115,171,169)

#a1c7c5

#a1c7c5
rgb(161,199,197)

#d0e3e2

#d0e3e2
rgb(208,227,226)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#167370

#167370
rgb(22,115,112)

#115c59

#115c59
rgb(17,92,89)

#0d4543

#0d4543
rgb(13,69,67)

#082d2c

#082d2c
rgb(8,45,44)

#041616

#041616
rgb(4,22,22)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #167370

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

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

Contraste

Branco e #167370
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 #167370
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 #167370

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

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

Este parágrafo tem fundo de cor #167370.

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

Este elemento tem uma cor de borda de #167370.

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

Cores alietórias

#fe612e

#fe612e
rgb(254,97,46)

#14781e

#14781e
rgb(20,120,30)

#407fea

#407fea
rgb(64,127,234)

#94fb40

#94fb40
rgb(148,251,64)

#a947dd

#a947dd
rgb(169,71,221)

#db94d5

#db94d5
rgb(219,148,213)

#eb1e55

#eb1e55
rgb(235,30,85)

#9e9e8e

#9e9e8e
rgb(158,158,142)

#9b073a

#9b073a
rgb(155,7,58)

#5d1899

#5d1899
rgb(93,24,153)

#0e0dde

#0e0dde
rgb(14,13,222)

#81e425

#81e425
rgb(129,228,37)