Informação da cor #73acf6

A cor hexadecimal 73acf6 no modelo de cores RGB (Red, Green, Blue), é um composta por 115 de vermelho, 172 de verde e 246 de azul.

No padrão de cores CMYK, é composto por 53.3% de ciano, 30.1% de magenta, 0% de amarelo e 3.5% de preto. Tem um ângulo de matiz de 213.9 graus, uma saturação de 87.9% e uma leveza de 70.8%.

A cor mais próxima WebSafe é 6699CC.

Conversões de #73acf6 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 73acf6
RGB 115, 172, 246
RGB Percentagem 45.1%, 67.5%, 96.5%
CMYK 0.53, 0.3, 0, 0.04
HSL 213.9°, 87.9%, 70.8%
HSV (ou HSB) 213.9°, 53.3%, 96.5%
RYB 45.1, 60.8, 96.5
Formato Cor
XYZ 40.8, 42.7, 93.9
CIELab 71.34, 0.76, -39.75
Decimal 7580918
Yxy 39.8007, 0.2248, 0.2326
YUV 163.393, 174.618, 93.4829
CIELuv 69.3273, -26.6332, -68.857
Web Safe 6699CC

Distribuição de #73acf6

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.

#73acf6

#73acf6
rgb(115,172,246)

#f6be74

#f6be74
rgb(246,190,116)

Cores triadicas

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

#f674ac

#f674ac
rgb(246,116,172)

#73acf6

#73acf6
rgb(115,172,246)

#acf674

#acf674
rgb(172,246,116)

Cores tetrádicas

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

#f674ee

#f674ee
rgb(246,116,238)

#73acf6

#73acf6
rgb(115,172,246)

#f6be74

#f6be74
rgb(246,190,116)

#74f67c

#74f67c
rgb(116,246,124)

Cores monocromáticas

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

#73acf6

#73acf6
rgb(115,172,246)

#c2d9f6

#c2d9f6
rgb(194,217,246)

#bfd7f6

#bfd7f6
rgb(191,215,246)

#bdd6f6

#bdd6f6
rgb(189,214,246)

#bad4f6

#bad4f6
rgb(186,212,246)

#b8d3f6

#b8d3f6
rgb(184,211,246)

Tons e Matizes de #73acf6

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

Matiz (adicionando branco)
#73acf6

#73acf6
rgb(115,172,246)

#8fbcf7

#8fbcf7
rgb(143,188,247)

#abcdf9

#abcdf9
rgb(171,205,249)

#c7ddfb

#c7ddfb
rgb(199,221,251)

#e3eefd

#e3eefd
rgb(227,238,253)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#73acf6

#73acf6
rgb(115,172,246)

#5c89c4

#5c89c4
rgb(92,137,196)

#456793

#456793
rgb(69,103,147)

#2d4462

#2d4462
rgb(45,68,98)

#162231

#162231
rgb(22,34,49)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #73acf6

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

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

Contraste

Branco e #73acf6
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 #73acf6
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 #73acf6

Este exemplo mostra como o texto na cor #73acf6 se parece.

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

Este parágrafo tem fundo de cor #73acf6.

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

Este elemento tem uma cor de borda de #73acf6.

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

Cores alietórias

#9298e6

#9298e6
rgb(146,152,230)

#969f8b

#969f8b
rgb(150,159,139)

#5587ad

#5587ad
rgb(85,135,173)

#16a68b

#16a68b
rgb(22,166,139)

#ef80ab

#ef80ab
rgb(239,128,171)

#a761e1

#a761e1
rgb(167,97,225)

#0e0e7e

#0e0e7e
rgb(14,14,126)

#2f9db4

#2f9db4
rgb(47,157,180)

#36d6ec

#36d6ec
rgb(54,214,236)

#23c47f

#23c47f
rgb(35,196,127)

#8ba651

#8ba651
rgb(139,166,81)

#64b113

#64b113
rgb(100,177,19)