Informação da cor #9ce192

A cor hexadecimal 9ce192 no modelo de cores RGB (Red, Green, Blue), é um composta por 156 de vermelho, 225 de verde e 146 de azul.

No padrão de cores CMYK, é composto por 30.7% de ciano, 0% de magenta, 35.1% de amarelo e 11.8% de preto. Tem um ângulo de matiz de 112.4 graus, uma saturação de 56.8% e uma leveza de 72.8%.

A cor mais próxima WebSafe é 99CC66.

Conversões de #9ce192 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 9ce192
RGB 156, 225, 146
RGB Percentagem 61.2%, 88.2%, 57.3%
CMYK 0.31, 0, 0.35, 0.12
HSL 112.4°, 56.8%, 72.8%
HSV (ou HSB) 112.4°, 35.1%, 88.2%
RYB 57.3, 88.2, 84.3
Formato Cor
XYZ 48.4, 65.2, 40.2
CIELab 84.58, -34.39, 29.94
Decimal 10281362
Yxy 62.9918, 0.3144, 0.4322
YUV 195.363, 100.1428, 99.9236
CIELuv 83.438, -34.1033, 50.276
Web Safe 99CC66

Distribuição de #9ce192

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.

#9ce192

#9ce192
rgb(156,225,146)

#d892e1

#d892e1
rgb(216,146,225)

Cores triadicas

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

#929ce1

#929ce1
rgb(146,156,225)

#9ce192

#9ce192
rgb(156,225,146)

#e1929c

#e1929c
rgb(225,146,156)

Cores tetrádicas

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

#92c4e1

#92c4e1
rgb(146,196,225)

#9ce192

#9ce192
rgb(156,225,146)

#d892e1

#d892e1
rgb(216,146,225)

#e1b092

#e1b092
rgb(225,176,146)

Cores monocromáticas

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

#9ce192

#9ce192
rgb(156,225,146)

#b8e1b1

#b8e1b1
rgb(184,225,177)

#b6e1af

#b6e1af
rgb(182,225,175)

#b4e1ad

#b4e1ad
rgb(180,225,173)

#b2e1ab

#b2e1ab
rgb(178,225,171)

#b0e1a8

#b0e1a8
rgb(176,225,168)

Tons e Matizes de #9ce192

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

Matiz (adicionando branco)
#9ce192

#9ce192
rgb(156,225,146)

#afe7a7

#afe7a7
rgb(175,231,167)

#c3edbd

#c3edbd
rgb(195,237,189)

#d7f3d3

#d7f3d3
rgb(215,243,211)

#ebf9e9

#ebf9e9
rgb(235,249,233)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#9ce192

#9ce192
rgb(156,225,146)

#7cb474

#7cb474
rgb(124,180,116)

#5d8757

#5d8757
rgb(93,135,87)

#3e593a

#3e593a
rgb(62,89,58)

#1f2c1d

#1f2c1d
rgb(31,44,29)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #9ce192

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

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

Contraste

Branco e #9ce192
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 #9ce192
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 #9ce192

Este exemplo mostra como o texto na cor #9ce192 se parece.

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

Este parágrafo tem fundo de cor #9ce192.

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

Este elemento tem uma cor de borda de #9ce192.

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

Cores alietórias

#855c4a

#855c4a
rgb(133,92,74)

#120bba

#120bba
rgb(18,11,186)

#804f53

#804f53
rgb(128,79,83)

#1233b8

#1233b8
rgb(18,51,184)

#ea291a

#ea291a
rgb(234,41,26)

#8f1378

#8f1378
rgb(143,19,120)

#523c63

#523c63
rgb(82,60,99)

#0815e7

#0815e7
rgb(8,21,231)

#7e126e

#7e126e
rgb(126,18,110)

#dc7ef8

#dc7ef8
rgb(220,126,248)

#436b34

#436b34
rgb(67,107,52)

#04ecac

#04ecac
rgb(4,236,172)