Informação da cor #72aaaf

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

No padrão de cores CMYK, é composto por 34.9% de ciano, 2.9% de magenta, 0% de amarelo e 31.4% de preto. Tem um ângulo de matiz de 184.9 graus, uma saturação de 27.6% e uma leveza de 56.7%.

A cor mais próxima WebSafe é 669999.

Conversões de #72aaaf 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 72aaaf
RGB 114, 170, 175
RGB Percentagem 44.7%, 66.7%, 68.6%
CMYK 0.35, 0.03, 0, 0.31
HSL 184.9°, 27.6%, 56.7%
HSV (ou HSB) 184.9°, 34.9%, 68.6%
RYB 44.7, 56.5, 68.6
Formato Cor
XYZ 31.9, 38.5, 49.3
CIELab 68.38, -16.37, -8.06
Decimal 7514799
Yxy 35.4202, 0.2633, 0.3211
YUV 153.826, 139.9492, 99.5934
CIELuv 66.0745, -26.9275, -9.9426
Web Safe 669999

Distribuição de #72aaaf

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.

#72aaaf

#72aaaf
rgb(114,170,175)

#af7772

#af7772
rgb(175,119,114)

Cores triadicas

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

#af72ab

#af72ab
rgb(175,114,171)

#72aaaf

#72aaaf
rgb(114,170,175)

#abaf72

#abaf72
rgb(171,175,114)

Cores tetrádicas

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

#9672af

#9672af
rgb(150,114,175)

#72aaaf

#72aaaf
rgb(114,170,175)

#af7772

#af7772
rgb(175,119,114)

#8caf72

#8caf72
rgb(140,175,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.

#72aaaf

#72aaaf
rgb(114,170,175)

#8aacaf

#8aacaf
rgb(138,172,175)

#88acaf

#88acaf
rgb(136,172,175)

#87acaf

#87acaf
rgb(135,172,175)

#85acaf

#85acaf
rgb(133,172,175)

#83acaf

#83acaf
rgb(131,172,175)

Tons e Matizes de #72aaaf

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

Matiz (adicionando branco)
#72aaaf

#72aaaf
rgb(114,170,175)

#8ebbbf

#8ebbbf
rgb(142,187,191)

#aacccf

#aacccf
rgb(170,204,207)

#c6dddf

#c6dddf
rgb(198,221,223)

#e2eeef

#e2eeef
rgb(226,238,239)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#72aaaf

#72aaaf
rgb(114,170,175)

#5b888c

#5b888c
rgb(91,136,140)

#446669

#446669
rgb(68,102,105)

#2d4345

#2d4345
rgb(45,67,69)

#162122

#162122
rgb(22,33,34)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #72aaaf

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#20ced8

#20ced8
rgb(32,206,216)

#527e80

#527e80
rgb(82,126,128)

#d3e488

#d3e488
rgb(211,228,136)

#9c4b35

#9c4b35
rgb(156,75,53)

#852faf

#852faf
rgb(133,47,175)

#f3b804

#f3b804
rgb(243,184,4)

#d71cbf

#d71cbf
rgb(215,28,191)

#8a1df5

#8a1df5
rgb(138,29,245)

#a4e904

#a4e904
rgb(164,233,4)

#a78b9b

#a78b9b
rgb(167,139,155)

#630707

#630707
rgb(99,7,7)

#ddb571

#ddb571
rgb(221,181,113)