Informação da cor #88e7cc

A cor hexadecimal 88e7cc no modelo de cores RGB (Red, Green, Blue), é um composta por 136 de vermelho, 231 de verde e 204 de azul.

No padrão de cores CMYK, é composto por 41.1% de ciano, 0% de magenta, 11.7% de amarelo e 9.4% de preto. Tem um ângulo de matiz de 163 graus, uma saturação de 66.4% e uma leveza de 72%.

A cor mais próxima WebSafe é 66CCCC.

Conversões de #88e7cc 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 88e7cc
RGB 136, 231, 204
RGB Percentagem 53.3%, 90.6%, 80%
CMYK 0.41, 0, 0.12, 0.09
HSL 163°, 66.4%, 72%
HSV (ou HSB) 163°, 41.1%, 90.6%
RYB 53.3, 75.3, 90.6
Formato Cor
XYZ 51.9, 68.7, 70.1
CIELab 86.34, -32.45, 3.76
Decimal 8972236
Yxy 66.7422, 0.2701, 0.3632
YUV 199.517, 130.5299, 82.6954
CIELuv 85.3736, -43.7405, 12.312
Web Safe 66CCCC

Distribuição de #88e7cc

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.

#88e7cc

#88e7cc
rgb(136,231,204)

#e788a3

#e788a3
rgb(231,136,163)

Cores triadicas

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

#cd88e7

#cd88e7
rgb(205,136,231)

#88e7cc

#88e7cc
rgb(136,231,204)

#e7cd88

#e7cd88
rgb(231,205,136)

Cores tetrádicas

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

#9d88e7

#9d88e7
rgb(157,136,231)

#88e7cc

#88e7cc
rgb(136,231,204)

#e788a3

#e788a3
rgb(231,136,163)

#d3e788

#d3e788
rgb(211,231,136)

Cores monocromáticas

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

#88e7cc

#88e7cc
rgb(136,231,204)

#b6e7d9

#b6e7d9
rgb(182,231,217)

#b4e7d9

#b4e7d9
rgb(180,231,217)

#b1e7d8

#b1e7d8
rgb(177,231,216)

#afe7d7

#afe7d7
rgb(175,231,215)

#ade7d7

#ade7d7
rgb(173,231,215)

Tons e Matizes de #88e7cc

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

Matiz (adicionando branco)
#88e7cc

#88e7cc
rgb(136,231,204)

#9febd6

#9febd6
rgb(159,235,214)

#b7f0e0

#b7f0e0
rgb(183,240,224)

#cff5ea

#cff5ea
rgb(207,245,234)

#e7faf4

#e7faf4
rgb(231,250,244)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#88e7cc

#88e7cc
rgb(136,231,204)

#6cb8a3

#6cb8a3
rgb(108,184,163)

#518a7a

#518a7a
rgb(81,138,122)

#365c51

#365c51
rgb(54,92,81)

#1b2e28

#1b2e28
rgb(27,46,40)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #88e7cc

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

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

Contraste

Branco e #88e7cc
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 #88e7cc
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 #88e7cc

Este exemplo mostra como o texto na cor #88e7cc se parece.

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

Este parágrafo tem fundo de cor #88e7cc.

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

Este elemento tem uma cor de borda de #88e7cc.

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

Cores alietórias

#2ee7cd

#2ee7cd
rgb(46,231,205)

#8d2594

#8d2594
rgb(141,37,148)

#ca0c5e

#ca0c5e
rgb(202,12,94)

#53b4e5

#53b4e5
rgb(83,180,229)

#3b13a4

#3b13a4
rgb(59,19,164)

#5f8be6

#5f8be6
rgb(95,139,230)

#13a0d4

#13a0d4
rgb(19,160,212)

#db6204

#db6204
rgb(219,98,4)

#0eca9f

#0eca9f
rgb(14,202,159)

#4256de

#4256de
rgb(66,86,222)

#8b7dcc

#8b7dcc
rgb(139,125,204)

#e2ed55

#e2ed55
rgb(226,237,85)