Informação da cor #76e2ee

A cor hexadecimal 76e2ee no modelo de cores RGB (Red, Green, Blue), é um composta por 118 de vermelho, 226 de verde e 238 de azul.

No padrão de cores CMYK, é composto por 50.4% de ciano, 5% de magenta, 0% de amarelo e 6.7% de preto. Tem um ângulo de matiz de 186 graus, uma saturação de 77.9% e uma leveza de 69.8%.

A cor mais próxima WebSafe é 66CCCC.

Conversões de #76e2ee 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 76e2ee
RGB 118, 226, 238
RGB Percentagem 46.3%, 88.6%, 93.3%
CMYK 0.5, 0.05, 0, 0.07
HSL 186°, 77.9%, 69.8%
HSV (ou HSB) 186°, 50.4%, 93.3%
RYB 46.3, 68.6, 93.3
Formato Cor
XYZ 52.1, 66.3, 92
CIELab 85.17, -26.95, -14.64
Decimal 7791342
Yxy 64.4129, 0.2442, 0.3139
YUV 195.076, 152.2235, 73.0243
CIELuv 84.1803, -46.2934, -20.0761
Web Safe 66CCCC

Distribuição de #76e2ee

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.

#76e2ee

#76e2ee
rgb(118,226,238)

#ee8376

#ee8376
rgb(238,131,118)

Cores triadicas

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

#ee76e3

#ee76e3
rgb(238,118,227)

#76e2ee

#76e2ee
rgb(118,226,238)

#e2ee76

#e2ee76
rgb(226,238,118)

Cores tetrádicas

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

#be76ee

#be76ee
rgb(190,118,238)

#76e2ee

#76e2ee
rgb(118,226,238)

#ee8376

#ee8376
rgb(238,131,118)

#a6ee76

#a6ee76
rgb(166,238,118)

Cores monocromáticas

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

#76e2ee

#76e2ee
rgb(118,226,238)

#bbe9ee

#bbe9ee
rgb(187,233,238)

#b9e9ee

#b9e9ee
rgb(185,233,238)

#b7e9ee

#b7e9ee
rgb(183,233,238)

#b4e9ee

#b4e9ee
rgb(180,233,238)

#b2e8ee

#b2e8ee
rgb(178,232,238)

Tons e Matizes de #76e2ee

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

Matiz (adicionando branco)
#76e2ee

#76e2ee
rgb(118,226,238)

#91e7f1

#91e7f1
rgb(145,231,241)

#acedf4

#acedf4
rgb(172,237,244)

#c8f3f8

#c8f3f8
rgb(200,243,248)

#e3f9fb

#e3f9fb
rgb(227,249,251)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#76e2ee

#76e2ee
rgb(118,226,238)

#5eb4be

#5eb4be
rgb(94,180,190)

#46878e

#46878e
rgb(70,135,142)

#2f5a5f

#2f5a5f
rgb(47,90,95)

#172d2f

#172d2f
rgb(23,45,47)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #76e2ee

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

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

Contraste

Branco e #76e2ee
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 #76e2ee
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 #76e2ee

Este exemplo mostra como o texto na cor #76e2ee se parece.

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

Este parágrafo tem fundo de cor #76e2ee.

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

Este elemento tem uma cor de borda de #76e2ee.

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

Cores alietórias

#0f9cac

#0f9cac
rgb(15,156,172)

#65e336

#65e336
rgb(101,227,54)

#c05f43

#c05f43
rgb(192,95,67)

#d08696

#d08696
rgb(208,134,150)

#9b1fb0

#9b1fb0
rgb(155,31,176)

#e4f716

#e4f716
rgb(228,247,22)

#b8b0a4

#b8b0a4
rgb(184,176,164)

#213578

#213578
rgb(33,53,120)

#75f17d

#75f17d
rgb(117,241,125)

#fea912

#fea912
rgb(254,169,18)

#e1ae89

#e1ae89
rgb(225,174,137)

#c51575

#c51575
rgb(197,21,117)