Informação da cor #4ec2b2

A cor hexadecimal 4ec2b2 no modelo de cores RGB (Red, Green, Blue), é um composta por 78 de vermelho, 194 de verde e 178 de azul.

No padrão de cores CMYK, é composto por 59.8% de ciano, 0% de magenta, 8.2% de amarelo e 23.9% de preto. Tem um ângulo de matiz de 171.7 graus, uma saturação de 48.7% e uma leveza de 53.3%.

A cor mais próxima WebSafe é 339999.

Conversões de #4ec2b2 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 4ec2b2
RGB 78, 194, 178
RGB Percentagem 30.6%, 76.1%, 69.8%
CMYK 0.6, 0, 0.08, 0.24
HSL 171.7°, 48.7%, 53.3%
HSV (ou HSB) 171.7°, 59.8%, 76.1%
RYB 30.6, 55.3, 76.1
Formato Cor
XYZ 32.8, 46.1, 52.2
CIELab 73.59, -35.45, -2.08
Decimal 5161650
Yxy 43.4145, 0.2482, 0.3536
YUV 157.492, 139.5734, 71.301
CIELuv 71.8354, -47.3669, 3.1447
Web Safe 339999

Distribuição de #4ec2b2

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.

#4ec2b2

#4ec2b2
rgb(78,194,178)

#c24e5f

#c24e5f
rgb(194,78,95)

Cores triadicas

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

#b24ec2

#b24ec2
rgb(178,78,194)

#4ec2b2

#4ec2b2
rgb(78,194,178)

#c2b24e

#c2b24e
rgb(194,178,78)

Cores tetrádicas

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

#784ec2

#784ec2
rgb(120,78,194)

#4ec2b2

#4ec2b2
rgb(78,194,178)

#c24e5f

#c24e5f
rgb(194,78,95)

#99c24e

#99c24e
rgb(153,194,78)

Cores monocromáticas

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

#4ec2b2

#4ec2b2
rgb(78,194,178)

#99c2bd

#99c2bd
rgb(153,194,189)

#97c2bc

#97c2bc
rgb(151,194,188)

#95c2bc

#95c2bc
rgb(149,194,188)

#93c2bc

#93c2bc
rgb(147,194,188)

#91c2bc

#91c2bc
rgb(145,194,188)

Tons e Matizes de #4ec2b2

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

Matiz (adicionando branco)
#4ec2b2

#4ec2b2
rgb(78,194,178)

#71cec1

#71cec1
rgb(113,206,193)

#94dad0

#94dad0
rgb(148,218,208)

#b8e6e0

#b8e6e0
rgb(184,230,224)

#dbf2ef

#dbf2ef
rgb(219,242,239)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#4ec2b2

#4ec2b2
rgb(78,194,178)

#3e9b8e

#3e9b8e
rgb(62,155,142)

#2e746a

#2e746a
rgb(46,116,106)

#1f4d47

#1f4d47
rgb(31,77,71)

#0f2623

#0f2623
rgb(15,38,35)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #4ec2b2

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#0effbc

#0effbc
rgb(14,255,188)

#0b7b1b

#0b7b1b
rgb(11,123,27)

#b56d4d

#b56d4d
rgb(181,109,77)

#56426d

#56426d
rgb(86,66,109)

#5ec6a3

#5ec6a3
rgb(94,198,163)

#3396cb

#3396cb
rgb(51,150,203)

#73465b

#73465b
rgb(115,70,91)

#997180

#997180
rgb(153,113,128)

#7de902

#7de902
rgb(125,233,2)

#d2a2d9

#d2a2d9
rgb(210,162,217)

#feb388

#feb388
rgb(254,179,136)

#886a21

#886a21
rgb(136,106,33)