Informação da cor #20f400

A cor hexadecimal 20f400 no modelo de cores RGB (Red, Green, Blue), é um composta por 32 de vermelho, 244 de verde e 0 de azul.

No padrão de cores CMYK, é composto por 86.9% de ciano, 0% de magenta, 100% de amarelo e 4.3% de preto. Tem um ângulo de matiz de 112.1 graus, uma saturação de 100% e uma leveza de 47.8%.

A cor mais próxima WebSafe é 00CC00.

Conversões de #20f400 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 20f400
RGB 32, 244, 0
RGB Percentagem 12.5%, 95.7%, 0%
CMYK 0.87, 0, 1, 0.04
HSL 112.1°, 100%, 47.8%
HSV (ou HSB) 112.1°, 100%, 95.7%
RYB 0, 95.7, 83.1
Formato Cor
XYZ 33.5, 65.7, 10.9
CIELab 84.83, -81.55, 80.95
Decimal 2159616
Yxy 65.0042, 0.3029, 0.5977
YUV 152.796, 41.772, 41.8401
CIELuv 84.4859, -78.1833, 103.2005
Web Safe 00CC00

Distribuição de #20f400

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.

#20f400

#20f400
rgb(32,244,0)

#d500f4

#d500f4
rgb(213,0,244)

Cores triadicas

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

#0020f4

#0020f4
rgb(0,32,244)

#20f400

#20f400
rgb(32,244,0)

#f40020

#f40020
rgb(244,0,32)

Cores tetrádicas

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

#009af4

#009af4
rgb(0,154,244)

#20f400

#20f400
rgb(32,244,0)

#d500f4

#d500f4
rgb(213,0,244)

#f45b00

#f45b00
rgb(244,91,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.

#20f400

#20f400
rgb(32,244,0)

#c6f4bf

#c6f4bf
rgb(198,244,191)

#c4f4bc

#c4f4bc
rgb(196,244,188)

#c2f4ba

#c2f4ba
rgb(194,244,186)

#bff4b7

#bff4b7
rgb(191,244,183)

#bdf4b5

#bdf4b5
rgb(189,244,181)

Tons e Matizes de #20f400

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

Matiz (adicionando branco)
#20f400

#20f400
rgb(32,244,0)

#4cf633

#4cf633
rgb(76,246,51)

#79f866

#79f866
rgb(121,248,102)

#a5fa99

#a5fa99
rgb(165,250,153)

#d2fccc

#d2fccc
rgb(210,252,204)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#20f400

#20f400
rgb(32,244,0)

#19c300

#19c300
rgb(25,195,0)

#139200

#139200
rgb(19,146,0)

#0c6100

#0c6100
rgb(12,97,0)

#063000

#063000
rgb(6,48,0)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #20f400

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

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

Contraste

Branco e #20f400
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 #20f400
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 #20f400

Este exemplo mostra como o texto na cor #20f400 se parece.

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

Este parágrafo tem fundo de cor #20f400.

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

Este elemento tem uma cor de borda de #20f400.

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

Cores alietórias

#f93835

#f93835
rgb(249,56,53)

#4c4b66

#4c4b66
rgb(76,75,102)

#f8de41

#f8de41
rgb(248,222,65)

#ad26f1

#ad26f1
rgb(173,38,241)

#53d7d7

#53d7d7
rgb(83,215,215)

#2feb87

#2feb87
rgb(47,235,135)

#a86053

#a86053
rgb(168,96,83)

#a86104

#a86104
rgb(168,97,4)

#545641

#545641
rgb(84,86,65)

#a37341

#a37341
rgb(163,115,65)

#bcd902

#bcd902
rgb(188,217,2)

#e178b4

#e178b4
rgb(225,120,180)