Informação da cor #90edc3

A cor hexadecimal 90edc3 no modelo de cores RGB (Red, Green, Blue), é um composta por 144 de vermelho, 237 de verde e 195 de azul.

No padrão de cores CMYK, é composto por 39.2% de ciano, 0% de magenta, 17.7% de amarelo e 7.1% de preto. Tem um ângulo de matiz de 152.9 graus, uma saturação de 72.1% e uma leveza de 74.7%.

A cor mais próxima WebSafe é 66CC99.

Conversões de #90edc3 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 90edc3
RGB 144, 237, 195
RGB Percentagem 56.5%, 92.9%, 76.5%
CMYK 0.39, 0, 0.18, 0.07
HSL 152.9°, 72.1%, 74.7%
HSV (ou HSB) 152.9°, 39.2%, 92.9%
RYB 56.5, 80.4, 92.9
Formato Cor
XYZ 53.9, 72.2, 65.4
CIELab 88.04, -34.7, 10.65
Decimal 9498051
Yxy 70.4344, 0.2798, 0.3816
YUV 204.405, 122.6924, 84.9151
CIELuv 87.2095, -43.5752, 23.7305
Web Safe 66CC99

Distribuição de #90edc3

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.

#90edc3

#90edc3
rgb(144,237,195)

#ed90ba

#ed90ba
rgb(237,144,186)

Cores triadicas

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

#c490ed

#c490ed
rgb(196,144,237)

#90edc3

#90edc3
rgb(144,237,195)

#edc490

#edc490
rgb(237,196,144)

Cores tetrádicas

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

#9590ed

#9590ed
rgb(149,144,237)

#90edc3

#90edc3
rgb(144,237,195)

#ed90ba

#ed90ba
rgb(237,144,186)

#e9ed90

#e9ed90
rgb(233,237,144)

Cores monocromáticas

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

#90edc3

#90edc3
rgb(144,237,195)

#bbedd7

#bbedd7
rgb(187,237,215)

#b8edd6

#b8edd6
rgb(184,237,214)

#b6edd4

#b6edd4
rgb(182,237,212)

#b4edd3

#b4edd3
rgb(180,237,211)

#b1edd2

#b1edd2
rgb(177,237,210)

Tons e Matizes de #90edc3

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

Matiz (adicionando branco)
#90edc3

#90edc3
rgb(144,237,195)

#a6f0cf

#a6f0cf
rgb(166,240,207)

#bcf4db

#bcf4db
rgb(188,244,219)

#d2f7e7

#d2f7e7
rgb(210,247,231)

#e8fbf3

#e8fbf3
rgb(232,251,243)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#90edc3

#90edc3
rgb(144,237,195)

#73bd9c

#73bd9c
rgb(115,189,156)

#568e75

#568e75
rgb(86,142,117)

#395e4d

#395e4d
rgb(57,94,77)

#1c2f26

#1c2f26
rgb(28,47,38)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #90edc3

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

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

Contraste

Branco e #90edc3
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 #90edc3
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 #90edc3

Este exemplo mostra como o texto na cor #90edc3 se parece.

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

Este parágrafo tem fundo de cor #90edc3.

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

Este elemento tem uma cor de borda de #90edc3.

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

Cores alietórias

#9352a8

#9352a8
rgb(147,82,168)

#70d19c

#70d19c
rgb(112,209,156)

#de3851

#de3851
rgb(222,56,81)

#a31eb2

#a31eb2
rgb(163,30,178)

#32fc58

#32fc58
rgb(50,252,88)

#effcaa

#effcaa
rgb(239,252,170)

#04cce8

#04cce8
rgb(4,204,232)

#9d8593

#9d8593
rgb(157,133,147)

#7c62f5

#7c62f5
rgb(124,98,245)

#7cdd73

#7cdd73
rgb(124,221,115)

#9a296c

#9a296c
rgb(154,41,108)

#fd2506

#fd2506
rgb(253,37,6)