Informação da cor #90c988

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

No padrão de cores CMYK, é composto por 28.4% de ciano, 0% de magenta, 32.3% de amarelo e 21.2% de preto. Tem um ângulo de matiz de 112.6 graus, uma saturação de 37.6% e uma leveza de 66.1%.

A cor mais próxima WebSafe é 669966.

Conversões de #90c988 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 90c988
RGB 144, 201, 136
RGB Percentagem 56.5%, 78.8%, 53.3%
CMYK 0.28, 0, 0.32, 0.21
HSL 112.6°, 37.6%, 66.1%
HSV (ou HSB) 112.6°, 32.3%, 78.8%
RYB 53.3, 78.8, 75.7
Formato Cor
XYZ 39.6, 52.3, 34.2
CIELab 77.45, -29.26, 25.2
Decimal 9488776
Yxy 49.4788, 0.3142, 0.4221
YUV 176.547, 105.118, 104.7853
CIELuv 75.7482, -28.3936, 41.8626
Web Safe 669966

Distribuição de #90c988

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.

#90c988

#90c988
rgb(144,201,136)

#c288c9

#c288c9
rgb(194,136,201)

Cores triadicas

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

#8890c9

#8890c9
rgb(136,144,201)

#90c988

#90c988
rgb(144,201,136)

#c98890

#c98890
rgb(201,136,144)

Cores tetrádicas

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

#88b1c9

#88b1c9
rgb(136,177,201)

#90c988

#90c988
rgb(144,201,136)

#c288c9

#c288c9
rgb(194,136,201)

#c9a188

#c9a188
rgb(201,161,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.

#90c988

#90c988
rgb(144,201,136)

#a4c99f

#a4c99f
rgb(164,201,159)

#a2c99d

#a2c99d
rgb(162,201,157)

#a0c99b

#a0c99b
rgb(160,201,155)

#9fc999

#9fc999
rgb(159,201,153)

#9dc997

#9dc997
rgb(157,201,151)

Tons e Matizes de #90c988

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

Matiz (adicionando branco)
#90c988

#90c988
rgb(144,201,136)

#a6d39f

#a6d39f
rgb(166,211,159)

#bcdeb7

#bcdeb7
rgb(188,222,183)

#d2e9cf

#d2e9cf
rgb(210,233,207)

#e8f4e7

#e8f4e7
rgb(232,244,231)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#90c988

#90c988
rgb(144,201,136)

#73a06c

#73a06c
rgb(115,160,108)

#567851

#567851
rgb(86,120,81)

#395036

#395036
rgb(57,80,54)

#1c281b

#1c281b
rgb(28,40,27)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #90c988

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#a86420

#a86420
rgb(168,100,32)

#179740

#179740
rgb(23,151,64)

#83baab

#83baab
rgb(131,186,171)

#715e25

#715e25
rgb(113,94,37)

#5fd9b1

#5fd9b1
rgb(95,217,177)

#8e3510

#8e3510
rgb(142,53,16)

#0246e1

#0246e1
rgb(2,70,225)

#7ef4f5

#7ef4f5
rgb(126,244,245)

#40c5f4

#40c5f4
rgb(64,197,244)

#2c222a

#2c222a
rgb(44,34,42)

#2b79c9

#2b79c9
rgb(43,121,201)

#4016a0

#4016a0
rgb(64,22,160)