Informação da cor #168f60

A cor hexadecimal 168f60 no modelo de cores RGB (Red, Green, Blue), é um composta por 22 de vermelho, 143 de verde e 96 de azul.

No padrão de cores CMYK, é composto por 84.6% de ciano, 0% de magenta, 32.9% de amarelo e 43.9% de preto. Tem um ângulo de matiz de 156.7 graus, uma saturação de 73.3% e uma leveza de 32.4%.

A cor mais próxima WebSafe é 006633.

Conversões de #168f60 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 168f60
RGB 22, 143, 96
RGB Percentagem 8.6%, 56.1%, 37.6%
CMYK 0.85, 0, 0.33, 0.44
HSL 156.7°, 73.3%, 32.4%
HSV (ou HSB) 156.7°, 84.6%, 56.1%
RYB 8.6, 38.4, 56.1
Formato Cor
XYZ 14, 23.1, 17
CIELab 55.22, -43.19, 15.18
Decimal 1478496
Yxy 20.6585, 0.2591, 0.4365
YUV 101.463, 124.9171, 71.3217
CIELuv 52.5737, -43.4531, 27.7171
Web Safe 006633

Distribuição de #168f60

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.

#168f60

#168f60
rgb(22,143,96)

#8f1646

#8f1646
rgb(143,22,70)

Cores triadicas

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

#60168f

#60168f
rgb(96,22,143)

#168f60

#168f60
rgb(22,143,96)

#8f6016

#8f6016
rgb(143,96,22)

Cores tetrádicas

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

#24168f

#24168f
rgb(36,22,143)

#168f60

#168f60
rgb(22,143,96)

#8f1646

#8f1646
rgb(143,22,70)

#828f16

#828f16
rgb(130,143,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.

#168f60

#168f60
rgb(22,143,96)

#708f83

#708f83
rgb(112,143,131)

#6f8f83

#6f8f83
rgb(111,143,131)

#6d8f82

#6d8f82
rgb(109,143,130)

#6c8f82

#6c8f82
rgb(108,143,130)

#6b8f81

#6b8f81
rgb(107,143,129)

Tons e Matizes de #168f60

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

Matiz (adicionando branco)
#168f60

#168f60
rgb(22,143,96)

#44a57f

#44a57f
rgb(68,165,127)

#73bb9f

#73bb9f
rgb(115,187,159)

#a1d2bf

#a1d2bf
rgb(161,210,191)

#d0e8df

#d0e8df
rgb(208,232,223)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#168f60

#168f60
rgb(22,143,96)

#11724c

#11724c
rgb(17,114,76)

#0d5539

#0d5539
rgb(13,85,57)

#083926

#083926
rgb(8,57,38)

#041c13

#041c13
rgb(4,28,19)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #168f60

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

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

Contraste

Branco e #168f60
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.

Preto e #168f60
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.

Exemplos CSS

Texto com cor hexadecimal #168f60

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

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

Este parágrafo tem fundo de cor #168f60.

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

Este elemento tem uma cor de borda de #168f60.

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

Cores alietórias

#fd840b

#fd840b
rgb(253,132,11)

#3f495f

#3f495f
rgb(63,73,95)

#bc1fee

#bc1fee
rgb(188,31,238)

#646133

#646133
rgb(100,97,51)

#cbee76

#cbee76
rgb(203,238,118)

#c94d4b

#c94d4b
rgb(201,77,75)

#b15127

#b15127
rgb(177,81,39)

#a26eb3

#a26eb3
rgb(162,110,179)

#f053f6

#f053f6
rgb(240,83,246)

#a4c2f7

#a4c2f7
rgb(164,194,247)

#dde1c5

#dde1c5
rgb(221,225,197)

#f4b863

#f4b863
rgb(244,184,99)