Informação da cor #36e600

A cor hexadecimal 36e600 no modelo de cores RGB (Red, Green, Blue), é um composta por 54 de vermelho, 230 de verde e 0 de azul.

No padrão de cores CMYK, é composto por 76.5% de ciano, 0% de magenta, 100% de amarelo e 9.8% de preto. Tem um ângulo de matiz de 105.9 graus, uma saturação de 100% e uma leveza de 45.1%.

A cor mais próxima WebSafe é 33CC00.

Conversões de #36e600 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 36e600
RGB 54, 230, 0
RGB Percentagem 21.2%, 90.2%, 0%
CMYK 0.77, 0, 1, 0.1
HSL 105.9°, 100%, 45.1%
HSV (ou HSB) 105.9°, 100%, 90.2%
RYB 0, 90.2, 69
Formato Cor
XYZ 30.9, 58.7, 9.7
CIELab 81.15, -75.11, 78.14
Decimal 3597824
Yxy 57.3744, 0.3084, 0.5934
YUV 151.156, 42.6975, 58.7018
CIELuv 80.3897, -71.1206, 97.799
Web Safe 33CC00

Distribuição de #36e600

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.

#36e600

#36e600
rgb(54,230,0)

#b100e6

#b100e6
rgb(177,0,230)

Cores triadicas

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

#0036e6

#0036e6
rgb(0,54,230)

#36e600

#36e600
rgb(54,230,0)

#e60036

#e60036
rgb(230,0,54)

Cores tetrádicas

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

#00a9e6

#00a9e6
rgb(0,169,230)

#36e600

#36e600
rgb(54,230,0)

#b100e6

#b100e6
rgb(177,0,230)

#e63e00

#e63e00
rgb(230,62,0)

Cores monocromáticas

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

#36e600

#36e600
rgb(54,230,0)

#c0e6b4

#c0e6b4
rgb(192,230,180)

#bee6b2

#bee6b2
rgb(190,230,178)

#bce6af

#bce6af
rgb(188,230,175)

#bae6ad

#bae6ad
rgb(186,230,173)

#b9e6ab

#b9e6ab
rgb(185,230,171)

Tons e Matizes de #36e600

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

Matiz (adicionando branco)
#36e600

#36e600
rgb(54,230,0)

#5eeb33

#5eeb33
rgb(94,235,51)

#86f066

#86f066
rgb(134,240,102)

#aef599

#aef599
rgb(174,245,153)

#d6facc

#d6facc
rgb(214,250,204)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#36e600

#36e600
rgb(54,230,0)

#2bb800

#2bb800
rgb(43,184,0)

#208a00

#208a00
rgb(32,138,0)

#155b00

#155b00
rgb(21,91,0)

#0a2d00

#0a2d00
rgb(10,45,0)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #36e600

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

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

Contraste

Branco e #36e600
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 #36e600
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 #36e600

Este exemplo mostra como o texto na cor #36e600 se parece.

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

Este parágrafo tem fundo de cor #36e600.

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

Este elemento tem uma cor de borda de #36e600.

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

Cores alietórias

#d9a934

#d9a934
rgb(217,169,52)

#89057d

#89057d
rgb(137,5,125)

#b687c7

#b687c7
rgb(182,135,199)

#7e9ec7

#7e9ec7
rgb(126,158,199)

#65ca01

#65ca01
rgb(101,202,1)

#0b1851

#0b1851
rgb(11,24,81)

#277ba5

#277ba5
rgb(39,123,165)

#ba8144

#ba8144
rgb(186,129,68)

#c3fb01

#c3fb01
rgb(195,251,1)

#4dd706

#4dd706
rgb(77,215,6)

#b4d294

#b4d294
rgb(180,210,148)

#68ae90

#68ae90
rgb(104,174,144)