Informação da cor #20b2aa
A cor hexadecimal 20b2aa no modelo de cores RGB (Red, Green, Blue), é um composta por 32 de vermelho, 178 de verde e 170 de azul.
No padrão de cores CMYK, é composto por 82% de ciano, 0% de magenta, 4.5% de amarelo e 30.2% de preto. Tem um ângulo de matiz de 176.7 graus, uma saturação de 69.5% e uma leveza de 41.2%.
A cor mais próxima WebSafe é 009999.
Conversões de #20b2aa num outro espaço de cores
Formato | Cor |
---|---|
Hex | 20b2aa |
RGB | 32, 178, 170 |
RGB Percentagem | 12.5%, 69.8%, 66.7% |
CMYK | 0.82, 0, 0.04, 0.3 |
HSL | 176.7°, 69.5%, 41.2% |
HSV (ou HSB) | 176.7°, 82%, 69.8% |
RYB | 12.5, 42.4, 69.8 |
Formato | Cor |
---|---|
XYZ | 25.7, 37.6, 46.9 |
CIELab | 67.75, -37.63, -6.69 |
Decimal | 2142890 |
Yxy | 35.0471, 0.2322, 0.3424 |
YUV | 133.434, 148.6355, 55.6505 |
CIELuv | 65.7853, -49.6386, -3.8749 |
Web Safe | 009999 |
Distribuição de #20b2aa
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.
Cores triadicas
É a harmonia onde usamos três cores equidistantes no circulo cromático. Por exemplo azul, amarelo e vermelho.
Cores tetrádicas
Como o nome indica, refere-se a harmonia conseguida por dois pares de cores complementares entre si.
Tons e Matizes de #20b2aa
É possível obter uma sombra adicionando preto a qualquer matiz puro, enquanto um matiz é criado misturando branco a qualquer cor pura.
Pré-visualização
Fundo branco
Esta visualização mostra como a cor #20b2aa fica em um fundo branco.
Fundo preto
Esta visualização mostra como a cor #20b2aa fica em um fundo preto.
Fundo de cor #20b2aa
Esta visualização mostra como a cor branca fica em um fundo #20b2aa.
Esta visualização mostra como a cor preta fica em um fundo #20b2aa.
Contraste
Branco e #20b2aa
Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.
Preto e #20b2aa
Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.
Exemplos CSS
Este exemplo mostra como o texto na cor #20b2aa se parece.
<span style="color:#20b2aa;">Aqui fica o texto.</span>
Este parágrafo tem fundo de cor #20b2aa.
<p style="background-color:#20b2aa;">O conteúdo fica aqui.</p>
Este elemento tem uma cor de borda de #20b2aa.
<div style="border:1px solid #000bef;">Conteúdo fica aqui</div>
.text {color:#20b2aa;}
.background {background-color:#20b2aa;}
.border {border:1px solid #20b2aa;}