Informação da cor #116c71

A cor hexadecimal 116c71 no modelo de cores RGB (Red, Green, Blue), é um composta por 17 de vermelho, 108 de verde e 113 de azul.

No padrão de cores CMYK, é composto por 85% de ciano, 4.4% de magenta, 0% de amarelo e 55.7% de preto. Tem um ângulo de matiz de 183.1 graus, uma saturação de 73.9% e uma leveza de 25.5%.

A cor mais próxima WebSafe é 006666.

Conversões de #116c71 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 116c71
RGB 17, 108, 113
RGB Percentagem 6.7%, 42.4%, 44.3%
CMYK 0.85, 0.04, 0, 0.56
HSL 183.1°, 73.9%, 25.5%
HSV (ou HSB) 183.1°, 85%, 44.3%
RYB 6.7, 25.1, 44.3
Formato Cor
XYZ 10.1, 14.1, 20.4
CIELab 44.42, -23.6, -10.17
Decimal 1141873
Yxy 12.0355, 0.225, 0.3159
YUV 81.361, 145.855, 82.0934
CIELuv 41.2724, -29.987, -10.7059
Web Safe 006666

Distribuição de #116c71

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.

#116c71

#116c71
rgb(17,108,113)

#711711

#711711
rgb(113,23,17)

Cores triadicas

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

#71116d

#71116d
rgb(113,17,109)

#116c71

#116c71
rgb(17,108,113)

#6c7111

#6c7111
rgb(108,113,17)

Cores tetrádicas

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

#461171

#461171
rgb(70,17,113)

#116c71

#116c71
rgb(17,108,113)

#711711

#711711
rgb(113,23,17)

#3d7111

#3d7111
rgb(61,113,17)

Cores monocromáticas

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

#116c71

#116c71
rgb(17,108,113)

#597071

#597071
rgb(89,112,113)

#587071

#587071
rgb(88,112,113)

#577071

#577071
rgb(87,112,113)

#557071

#557071
rgb(85,112,113)

#547071

#547071
rgb(84,112,113)

Tons e Matizes de #116c71

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

Matiz (adicionando branco)
#116c71

#116c71
rgb(17,108,113)

#40898d

#40898d
rgb(64,137,141)

#70a6a9

#70a6a9
rgb(112,166,169)

#9fc4c6

#9fc4c6
rgb(159,196,198)

#cfe1e2

#cfe1e2
rgb(207,225,226)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#116c71

#116c71
rgb(17,108,113)

#0d565a

#0d565a
rgb(13,86,90)

#0a4043

#0a4043
rgb(10,64,67)

#062b2d

#062b2d
rgb(6,43,45)

#031516

#031516
rgb(3,21,22)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #116c71

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

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

Contraste

Branco e #116c71
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 #116c71
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 #116c71

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

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

Este parágrafo tem fundo de cor #116c71.

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

Este elemento tem uma cor de borda de #116c71.

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

Cores alietórias

#e76668

#e76668
rgb(231,102,104)

#4c719a

#4c719a
rgb(76,113,154)

#acad2f

#acad2f
rgb(172,173,47)

#4109f7

#4109f7
rgb(65,9,247)

#623f5f

#623f5f
rgb(98,63,95)

#b9e3e8

#b9e3e8
rgb(185,227,232)

#025d9d

#025d9d
rgb(2,93,157)

#58f5e2

#58f5e2
rgb(88,245,226)

#a5d88f

#a5d88f
rgb(165,216,143)

#ab8264

#ab8264
rgb(171,130,100)

#6c18bf

#6c18bf
rgb(108,24,191)

#4fa1d7

#4fa1d7
rgb(79,161,215)