Informação da cor #73eff6

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

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

A cor mais próxima WebSafe é 66CCCC.

Conversões de #73eff6 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 73eff6
RGB 115, 239, 246
RGB Percentagem 45.1%, 93.7%, 96.5%
CMYK 0.53, 0.03, 0, 0.04
HSL 183.2°, 87.9%, 70.8%
HSV (ou HSB) 183.2°, 53.3%, 96.5%
RYB 45.1, 70.2, 96.5
Formato Cor
XYZ 56.2, 73.4, 99
CIELab 88.65, -31.44, -13.32
Decimal 7598070
Yxy 72.0265, 0.2427, 0.3204
YUV 202.722, 152.4233, 65.4308
CIELuv 87.9813, -51.6573, -17.0212
Web Safe 66CCCC

Distribuição de #73eff6

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.

#73eff6

#73eff6
rgb(115,239,246)

#f67a74

#f67a74
rgb(246,122,116)

Cores triadicas

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

#f674f0

#f674f0
rgb(246,116,240)

#73eff6

#73eff6
rgb(115,239,246)

#f0f674

#f0f674
rgb(240,246,116)

Cores tetrádicas

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

#bc74f6

#bc74f6
rgb(188,116,246)

#73eff6

#73eff6
rgb(115,239,246)

#f67a74

#f67a74
rgb(246,122,116)

#aef674

#aef674
rgb(174,246,116)

Cores monocromáticas

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

#73eff6

#73eff6
rgb(115,239,246)

#c2f4f6

#c2f4f6
rgb(194,244,246)

#bff4f6

#bff4f6
rgb(191,244,246)

#bdf3f6

#bdf3f6
rgb(189,243,246)

#baf3f6

#baf3f6
rgb(186,243,246)

#b8f3f6

#b8f3f6
rgb(184,243,246)

Tons e Matizes de #73eff6

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

Matiz (adicionando branco)
#73eff6

#73eff6
rgb(115,239,246)

#8ff2f7

#8ff2f7
rgb(143,242,247)

#abf5f9

#abf5f9
rgb(171,245,249)

#c7f8fb

#c7f8fb
rgb(199,248,251)

#e3fbfd

#e3fbfd
rgb(227,251,253)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#73eff6

#73eff6
rgb(115,239,246)

#5cbfc4

#5cbfc4
rgb(92,191,196)

#458f93

#458f93
rgb(69,143,147)

#2d5f62

#2d5f62
rgb(45,95,98)

#162f31

#162f31
rgb(22,47,49)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #73eff6

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#29b9ee

#29b9ee
rgb(41,185,238)

#09bfa6

#09bfa6
rgb(9,191,166)

#4f34da

#4f34da
rgb(79,52,218)

#bfcfe3

#bfcfe3
rgb(191,207,227)

#76b416

#76b416
rgb(118,180,22)

#a1f23e

#a1f23e
rgb(161,242,62)

#54039f

#54039f
rgb(84,3,159)

#0b5041

#0b5041
rgb(11,80,65)

#3ecafa

#3ecafa
rgb(62,202,250)

#f5de63

#f5de63
rgb(245,222,99)

#aeeb23

#aeeb23
rgb(174,235,35)

#ac40c3

#ac40c3
rgb(172,64,195)