Informação da cor #1bc6bc

A cor hexadecimal 1bc6bc no modelo de cores RGB (Red, Green, Blue), é um composta por 27 de vermelho, 198 de verde e 188 de azul.

No padrão de cores CMYK, é composto por 86.4% de ciano, 0% de magenta, 5.1% de amarelo e 22.4% de preto. Tem um ângulo de matiz de 176.5 graus, uma saturação de 76% e uma leveza de 44.1%.

A cor mais próxima WebSafe é 009999.

Conversões de #1bc6bc 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 1bc6bc
RGB 27, 198, 188
RGB Percentagem 10.6%, 77.6%, 73.7%
CMYK 0.86, 0, 0.05, 0.22
HSL 176.5°, 76%, 44.1%
HSV (ou HSB) 176.5°, 86.4%, 77.7%
RYB 10.6, 45.5, 77.6
Formato Cor
XYZ 31.5, 46.5, 57.7
CIELab 73.9, -41.66, -6.85
Decimal 1820348
Yxy 44.2481, 0.2313, 0.3443
YUV 145.731, 151.8539, 43.3131
CIELuv 72.394, -55.6579, -3.4718
Web Safe 009999

Distribuição de #1bc6bc

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.

#1bc6bc

#1bc6bc
rgb(27,198,188)

#c61b26

#c61b26
rgb(198,27,38)

Cores triadicas

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

#bc1bc6

#bc1bc6
rgb(188,27,198)

#1bc6bc

#1bc6bc
rgb(27,198,188)

#c6bc1b

#c6bc1b
rgb(198,188,27)

Cores tetrádicas

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

#671bc6

#671bc6
rgb(103,27,198)

#1bc6bc

#1bc6bc
rgb(27,198,188)

#c61b26

#c61b26
rgb(198,27,38)

#7bc61b

#7bc61b
rgb(123,198,27)

Cores monocromáticas

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

#1bc6bc

#1bc6bc
rgb(27,198,188)

#9bc6c4

#9bc6c4
rgb(155,198,196)

#99c6c4

#99c6c4
rgb(153,198,196)

#97c6c4

#97c6c4
rgb(151,198,196)

#95c6c4

#95c6c4
rgb(149,198,196)

#93c6c4

#93c6c4
rgb(147,198,196)

Tons e Matizes de #1bc6bc

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

Matiz (adicionando branco)
#1bc6bc

#1bc6bc
rgb(27,198,188)

#48d1c9

#48d1c9
rgb(72,209,201)

#76dcd6

#76dcd6
rgb(118,220,214)

#a3e8e4

#a3e8e4
rgb(163,232,228)

#d1f3f1

#d1f3f1
rgb(209,243,241)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#1bc6bc

#1bc6bc
rgb(27,198,188)

#159e96

#159e96
rgb(21,158,150)

#107670

#107670
rgb(16,118,112)

#0a4f4b

#0a4f4b
rgb(10,79,75)

#052725

#052725
rgb(5,39,37)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #1bc6bc

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

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

Contraste

Branco e #1bc6bc
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 #1bc6bc
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 #1bc6bc

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

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

Este parágrafo tem fundo de cor #1bc6bc.

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

Este elemento tem uma cor de borda de #1bc6bc.

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

Cores alietórias

#e671c4

#e671c4
rgb(230,113,196)

#e04409

#e04409
rgb(224,68,9)

#5e8d17

#5e8d17
rgb(94,141,23)

#12900d

#12900d
rgb(18,144,13)

#a039ac

#a039ac
rgb(160,57,172)

#3331c0

#3331c0
rgb(51,49,192)

#05b9bc

#05b9bc
rgb(5,185,188)

#439207

#439207
rgb(67,146,7)

#9ba3d9

#9ba3d9
rgb(155,163,217)

#e1ef17

#e1ef17
rgb(225,239,23)

#0f8d82

#0f8d82
rgb(15,141,130)

#d10d19

#d10d19
rgb(209,13,25)