Informação da cor #11a7a8

A cor hexadecimal 11a7a8 no modelo de cores RGB (Red, Green, Blue), é um composta por 17 de vermelho, 167 de verde e 168 de azul.

No padrão de cores CMYK, é composto por 89.9% de ciano, 0.6% de magenta, 0% de amarelo e 34.1% de preto. Tem um ângulo de matiz de 180.4 graus, uma saturação de 81.6% e uma leveza de 36.3%.

A cor mais próxima WebSafe é 009999.

Conversões de #11a7a8 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 11a7a8
RGB 17, 167, 168
RGB Percentagem 6.7%, 65.5%, 65.9%
CMYK 0.9, 0.01, 0, 0.34
HSL 180.4°, 81.6%, 36.3%
HSV (ou HSB) 180.4°, 89.9%, 65.9%
RYB 6.7, 36.5, 65.9
Formato Cor
XYZ 23, 33.2, 45.3
CIELab 64.29, -34.69, -10.81
Decimal 1157032
Yxy 30.581, 0.2258, 0.327
YUV 122.264, 153.8104, 52.9187
CIELuv 62.1523, -47.1154, -11.0274
Web Safe 009999

Distribuição de #11a7a8

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.

#11a7a8

#11a7a8
rgb(17,167,168)

#a81311

#a81311
rgb(168,19,17)

Cores triadicas

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

#a811a7

#a811a7
rgb(168,17,167)

#11a7a8

#11a7a8
rgb(17,167,168)

#a7a811

#a7a811
rgb(167,168,17)

Cores tetrádicas

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

#5e11a8

#5e11a8
rgb(94,17,168)

#11a7a8

#11a7a8
rgb(17,167,168)

#a81311

#a81311
rgb(168,19,17)

#5ca811

#5ca811
rgb(92,168,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.

#11a7a8

#11a7a8
rgb(17,167,168)

#84a8a8

#84a8a8
rgb(132,168,168)

#82a8a8

#82a8a8
rgb(130,168,168)

#80a8a8

#80a8a8
rgb(128,168,168)

#7fa8a8

#7fa8a8
rgb(127,168,168)

#7da8a8

#7da8a8
rgb(125,168,168)

Tons e Matizes de #11a7a8

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

Matiz (adicionando branco)
#11a7a8

#11a7a8
rgb(17,167,168)

#40b8b9

#40b8b9
rgb(64,184,185)

#70caca

#70caca
rgb(112,202,202)

#9fdbdc

#9fdbdc
rgb(159,219,220)

#cfeded

#cfeded
rgb(207,237,237)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#11a7a8

#11a7a8
rgb(17,167,168)

#0d8586

#0d8586
rgb(13,133,134)

#0a6464

#0a6464
rgb(10,100,100)

#064243

#064243
rgb(6,66,67)

#032121

#032121
rgb(3,33,33)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #11a7a8

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

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

Contraste

Branco e #11a7a8
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.

Preto e #11a7a8
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.

Exemplos CSS

Texto com cor hexadecimal #11a7a8

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

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

Este parágrafo tem fundo de cor #11a7a8.

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

Este elemento tem uma cor de borda de #11a7a8.

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

Cores alietórias

#fb72b0

#fb72b0
rgb(251,114,176)

#f69137

#f69137
rgb(246,145,55)

#2ed92c

#2ed92c
rgb(46,217,44)

#1cf605

#1cf605
rgb(28,246,5)

#894dfa

#894dfa
rgb(137,77,250)

#a6b8e8

#a6b8e8
rgb(166,184,232)

#e200fa

#e200fa
rgb(226,0,250)

#981a68

#981a68
rgb(152,26,104)

#d39124

#d39124
rgb(211,145,36)

#dba846

#dba846
rgb(219,168,70)

#e22a8e

#e22a8e
rgb(226,42,142)

#857875

#857875
rgb(133,120,117)