Informação da cor #9ce26a

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

No padrão de cores CMYK, é composto por 31% de ciano, 0% de magenta, 53.1% de amarelo e 11.4% de preto. Tem um ângulo de matiz de 95 graus, uma saturação de 67.4% e uma leveza de 65.1%.

A cor mais próxima WebSafe é 99CC66.

Conversões de #9ce26a 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 9ce26a
RGB 156, 226, 106
RGB Percentagem 61.2%, 88.6%, 41.6%
CMYK 0.31, 0, 0.53, 0.11
HSL 95°, 67.4%, 65.1%
HSV (ou HSB) 95°, 53.1%, 88.6%
RYB 41.6, 88.6, 69
Formato Cor
XYZ 45.9, 64.6, 26.1
CIELab 84.29, -39.97, 48.71
Decimal 10281578
Yxy 62.4997, 0.3362, 0.483
YUV 191.39, 79.8115, 102.7574
CIELuv 83.1784, -34.9149, 72.1846
Web Safe 99CC66

Distribuição de #9ce26a

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.

#9ce26a

#9ce26a
rgb(156,226,106)

#b06ae2

#b06ae2
rgb(176,106,226)

Cores triadicas

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

#6a9de2

#6a9de2
rgb(106,157,226)

#9ce26a

#9ce26a
rgb(156,226,106)

#e26a9d

#e26a9d
rgb(226,106,157)

Cores tetrádicas

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

#6ad9e2

#6ad9e2
rgb(106,217,226)

#9ce26a

#9ce26a
rgb(156,226,106)

#b06ae2

#b06ae2
rgb(176,106,226)

#e2746a

#e2746a
rgb(226,116,106)

Cores monocromáticas

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

#9ce26a

#9ce26a
rgb(156,226,106)

#c6e2b2

#c6e2b2
rgb(198,226,178)

#c5e2b0

#c5e2b0
rgb(197,226,176)

#c3e2ad

#c3e2ad
rgb(195,226,173)

#c2e2ab

#c2e2ab
rgb(194,226,171)

#c1e2a9

#c1e2a9
rgb(193,226,169)

Tons e Matizes de #9ce26a

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

Matiz (adicionando branco)
#9ce26a

#9ce26a
rgb(156,226,106)

#afe787

#afe787
rgb(175,231,135)

#c3eda5

#c3eda5
rgb(195,237,165)

#d7f3c3

#d7f3c3
rgb(215,243,195)

#ebf9e1

#ebf9e1
rgb(235,249,225)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#9ce26a

#9ce26a
rgb(156,226,106)

#7cb454

#7cb454
rgb(124,180,84)

#5d873f

#5d873f
rgb(93,135,63)

#3e5a2a

#3e5a2a
rgb(62,90,42)

#1f2d15

#1f2d15
rgb(31,45,21)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #9ce26a

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#d74db7

#d74db7
rgb(215,77,183)

#3e5f7a

#3e5f7a
rgb(62,95,122)

#c944d3

#c944d3
rgb(201,68,211)

#3ec20a

#3ec20a
rgb(62,194,10)

#be88aa

#be88aa
rgb(190,136,170)

#e3c8a3

#e3c8a3
rgb(227,200,163)

#117cd5

#117cd5
rgb(17,124,213)

#0841f2

#0841f2
rgb(8,65,242)

#10564a

#10564a
rgb(16,86,74)

#40884a

#40884a
rgb(64,136,74)

#ade8da

#ade8da
rgb(173,232,218)

#89772a

#89772a
rgb(137,119,42)