Informação da cor #00a300

A cor hexadecimal 00a300 no modelo de cores RGB (Red, Green, Blue), é um composta por 0 de vermelho, 163 de verde e 0 de azul.

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

A cor mais próxima WebSafe é 009900.

Conversões de #00a300 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 00a300
RGB 0, 163, 0
RGB Percentagem 0%, 63.9%, 0%
CMYK 1, 0, 1, 0.36
HSL 120°, 100%, 32%
HSV (ou HSB) 120°, 100%, 63.9%
RYB 0, 63.9, 63.9
Formato Cor
XYZ 14.2, 28.5, 4.8
CIELab 60.32, -63.41, 61.2
Decimal 41728
Yxy 26.1926, 0.3, 0.6
YUV 95.681, 74.004, 59.7539
CIELuv 58.2194, -55.129, 71.2681
Web Safe 009900

Distribuição de #00a300

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.

#00a300

#00a300
rgb(0,163,0)

#a300a3

#a300a3
rgb(163,0,163)

Cores triadicas

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

#0000a3

#0000a3
rgb(0,0,163)

#00a300

#00a300
rgb(0,163,0)

#a30000

#a30000
rgb(163,0,0)

Cores tetrádicas

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

#0052a3

#0052a3
rgb(0,82,163)

#00a300

#00a300
rgb(0,163,0)

#a300a3

#a300a3
rgb(163,0,163)

#a35200

#a35200
rgb(163,82,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.

#00a300

#00a300
rgb(0,163,0)

#80a380

#80a380
rgb(128,163,128)

#7ea37e

#7ea37e
rgb(126,163,126)

#7ca37c

#7ca37c
rgb(124,163,124)

#7ba37b

#7ba37b
rgb(123,163,123)

#79a379

#79a379
rgb(121,163,121)

Tons e Matizes de #00a300

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

Matiz (adicionando branco)
#00a300

#00a300
rgb(0,163,0)

#33b533

#33b533
rgb(51,181,51)

#66c766

#66c766
rgb(102,199,102)

#99da99

#99da99
rgb(153,218,153)

#cceccc

#cceccc
rgb(204,236,204)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#00a300

#00a300
rgb(0,163,0)

#008200

#008200
rgb(0,130,0)

#006100

#006100
rgb(0,97,0)

#004100

#004100
rgb(0,65,0)

#002000

#002000
rgb(0,32,0)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #00a300

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

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

Contraste

Branco e #00a300
Texto grande WCAG AA ✓ 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 #00a300
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #00a300

Este exemplo mostra como o texto na cor #00a300 se parece.

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

Este parágrafo tem fundo de cor #00a300.

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

Este elemento tem uma cor de borda de #00a300.

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

Cores alietórias

#12d043

#12d043
rgb(18,208,67)

#0eb95c

#0eb95c
rgb(14,185,92)

#f9181e

#f9181e
rgb(249,24,30)

#99f73b

#99f73b
rgb(153,247,59)

#8ee5e7

#8ee5e7
rgb(142,229,231)

#8d4b6b

#8d4b6b
rgb(141,75,107)

#7430d8

#7430d8
rgb(116,48,216)

#2feedc

#2feedc
rgb(47,238,220)

#3c7ea9

#3c7ea9
rgb(60,126,169)

#df5363

#df5363
rgb(223,83,99)

#2bc4d3

#2bc4d3
rgb(43,196,211)

#e27524

#e27524
rgb(226,117,36)