Informação da cor #72d9b1

A cor hexadecimal 72d9b1 no modelo de cores RGB (Red, Green, Blue), é um composta por 114 de vermelho, 217 de verde e 177 de azul.

No padrão de cores CMYK, é composto por 47.5% de ciano, 0% de magenta, 18.4% de amarelo e 14.9% de preto. Tem um ângulo de matiz de 156.7 graus, uma saturação de 57.5% e uma leveza de 64.9%.

A cor mais próxima WebSafe é 66CC99.

Conversões de #72d9b1 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 72d9b1
RGB 114, 217, 177
RGB Percentagem 44.7%, 85.1%, 69.4%
CMYK 0.47, 0, 0.18, 0.15
HSL 156.7°, 57.5%, 64.9%
HSV (ou HSB) 156.7°, 47.5%, 85.1%
RYB 44.7, 69.8, 85.1
Formato Cor
XYZ 42.1, 58.7, 53.7
CIELab 81.13, -37.45, 9.51
Decimal 7526833
Yxy 56.3742, 0.271, 0.385
YUV 181.643, 125.3798, 79.7525
CIELuv 79.8263, -46.3669, 21.9993
Web Safe 66CC99

Distribuição de #72d9b1

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.

#72d9b1

#72d9b1
rgb(114,217,177)

#d9729a

#d9729a
rgb(217,114,154)

Cores triadicas

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

#b272d9

#b272d9
rgb(178,114,217)

#72d9b1

#72d9b1
rgb(114,217,177)

#d9b272

#d9b272
rgb(217,178,114)

Cores tetrádicas

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

#7e72d9

#7e72d9
rgb(126,114,217)

#72d9b1

#72d9b1
rgb(114,217,177)

#d9729a

#d9729a
rgb(217,114,154)

#ced972

#ced972
rgb(206,217,114)

Cores monocromáticas

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

#72d9b1

#72d9b1
rgb(114,217,177)

#abd9c7

#abd9c7
rgb(171,217,199)

#a9d9c7

#a9d9c7
rgb(169,217,199)

#a7d9c6

#a7d9c6
rgb(167,217,198)

#a4d9c5

#a4d9c5
rgb(164,217,197)

#a2d9c4

#a2d9c4
rgb(162,217,196)

Tons e Matizes de #72d9b1

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

Matiz (adicionando branco)
#72d9b1

#72d9b1
rgb(114,217,177)

#8ee0c0

#8ee0c0
rgb(142,224,192)

#aae8d0

#aae8d0
rgb(170,232,208)

#c6efdf

#c6efdf
rgb(198,239,223)

#e2f7ef

#e2f7ef
rgb(226,247,239)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#72d9b1

#72d9b1
rgb(114,217,177)

#5bad8d

#5bad8d
rgb(91,173,141)

#44826a

#44826a
rgb(68,130,106)

#2d5646

#2d5646
rgb(45,86,70)

#162b23

#162b23
rgb(22,43,35)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #72d9b1

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

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

Contraste

Branco e #72d9b1
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 #72d9b1
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 #72d9b1

Este exemplo mostra como o texto na cor #72d9b1 se parece.

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

Este parágrafo tem fundo de cor #72d9b1.

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

Este elemento tem uma cor de borda de #72d9b1.

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

Cores alietórias

#16756f

#16756f
rgb(22,117,111)

#64cf11

#64cf11
rgb(100,207,17)

#7802fe

#7802fe
rgb(120,2,254)

#c79b5f

#c79b5f
rgb(199,155,95)

#9cd07b

#9cd07b
rgb(156,208,123)

#99c84b

#99c84b
rgb(153,200,75)

#92b372

#92b372
rgb(146,179,114)

#252876

#252876
rgb(37,40,118)

#2bb22c

#2bb22c
rgb(43,178,44)

#791a4d

#791a4d
rgb(121,26,77)

#e72376

#e72376
rgb(231,35,118)

#610c45

#610c45
rgb(97,12,69)