Informação da cor #4cc1bb

A cor hexadecimal 4cc1bb no modelo de cores RGB (Red, Green, Blue), é um composta por 76 de vermelho, 193 de verde e 187 de azul.

No padrão de cores CMYK, é composto por 60.6% de ciano, 0% de magenta, 3.1% de amarelo e 24.3% de preto. Tem um ângulo de matiz de 176.9 graus, uma saturação de 48.6% e uma leveza de 52.8%.

A cor mais próxima WebSafe é 339999.

Conversões de #4cc1bb 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 4cc1bb
RGB 76, 193, 187
RGB Percentagem 29.8%, 75.7%, 73.3%
CMYK 0.61, 0, 0.03, 0.24
HSL 176.9°, 48.6%, 52.8%
HSV (ou HSB) 176.9°, 60.6%, 75.7%
RYB 29.8, 53.7, 75.7
Formato Cor
XYZ 33.3, 45.9, 56.9
CIELab 73.49, -33.18, -6.84
Decimal 5030331
Yxy 43.261, 0.2423, 0.338
YUV 157.333, 144.7421, 69.9879
CIELuv 71.7318, -46.9385, -5.0601
Web Safe 339999

Distribuição de #4cc1bb

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.

#4cc1bb

#4cc1bb
rgb(76,193,187)

#c14d52

#c14d52
rgb(193,77,82)

Cores triadicas

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

#bc4dc1

#bc4dc1
rgb(188,77,193)

#4cc1bb

#4cc1bb
rgb(76,193,187)

#c1bc4d

#c1bc4d
rgb(193,188,77)

Cores tetrádicas

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

#814dc1

#814dc1
rgb(129,77,193)

#4cc1bb

#4cc1bb
rgb(76,193,187)

#c14d52

#c14d52
rgb(193,77,82)

#8dc14d

#8dc14d
rgb(141,193,77)

Cores monocromáticas

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

#4cc1bb

#4cc1bb
rgb(76,193,187)

#98c1bf

#98c1bf
rgb(152,193,191)

#96c1bf

#96c1bf
rgb(150,193,191)

#94c1bf

#94c1bf
rgb(148,193,191)

#92c1bf

#92c1bf
rgb(146,193,191)

#90c1bf

#90c1bf
rgb(144,193,191)

Tons e Matizes de #4cc1bb

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

Matiz (adicionando branco)
#4cc1bb

#4cc1bb
rgb(76,193,187)

#6fcdc8

#6fcdc8
rgb(111,205,200)

#93d9d6

#93d9d6
rgb(147,217,214)

#b7e6e3

#b7e6e3
rgb(183,230,227)

#dbf2f1

#dbf2f1
rgb(219,242,241)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#4cc1bb

#4cc1bb
rgb(76,193,187)

#3c9a95

#3c9a95
rgb(60,154,149)

#2d7370

#2d7370
rgb(45,115,112)

#1e4d4a

#1e4d4a
rgb(30,77,74)

#0f2625

#0f2625
rgb(15,38,37)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #4cc1bb

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

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

Contraste

Branco e #4cc1bb
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 #4cc1bb
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 #4cc1bb

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

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

Este parágrafo tem fundo de cor #4cc1bb.

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

Este elemento tem uma cor de borda de #4cc1bb.

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

Cores alietórias

#3a5fbe

#3a5fbe
rgb(58,95,190)

#1d3611

#1d3611
rgb(29,54,17)

#984914

#984914
rgb(152,73,20)

#7dd82e

#7dd82e
rgb(125,216,46)

#34489a

#34489a
rgb(52,72,154)

#696418

#696418
rgb(105,100,24)

#859b32

#859b32
rgb(133,155,50)

#d50b8e

#d50b8e
rgb(213,11,142)

#0a6a15

#0a6a15
rgb(10,106,21)

#10b1da

#10b1da
rgb(16,177,218)

#f9942f

#f9942f
rgb(249,148,47)

#4f4200

#4f4200
rgb(79,66,0)