Informação da cor #51a328

A cor hexadecimal 51a328 no modelo de cores RGB (Red, Green, Blue), é um composta por 81 de vermelho, 163 de verde e 40 de azul.

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

A cor mais próxima WebSafe é 339900.

Conversões de #51a328 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 51a328
RGB 81, 163, 40
RGB Percentagem 31.8%, 63.9%, 15.7%
CMYK 0.5, 0, 0.75, 0.36
HSL 100°, 60.6%, 39.8%
HSV (ou HSB) 100°, 75.5%, 63.9%
RYB 15.7, 63.9, 47.8
Formato Cor
XYZ 19, 30.9, 7.7
CIELab 62.38, -45.76, 52.35
Decimal 5350184
Yxy 28.0957, 0.3276, 0.5454
YUV 124.46, 80.3364, 97.0014
CIELuv 59.9751, -39.3389, 65.3722
Web Safe 339900

Distribuição de #51a328

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.

#51a328

#51a328
rgb(81,163,40)

#7b28a3

#7b28a3
rgb(123,40,163)

Cores triadicas

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

#2851a3

#2851a3
rgb(40,81,163)

#51a328

#51a328
rgb(81,163,40)

#a32851

#a32851
rgb(163,40,81)

Cores tetrádicas

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

#288fa3

#288fa3
rgb(40,143,163)

#51a328

#51a328
rgb(81,163,40)

#7b28a3

#7b28a3
rgb(123,40,163)

#a33d28

#a33d28
rgb(163,61,40)

Cores monocromáticas

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

#51a328

#51a328
rgb(81,163,40)

#8ca380

#8ca380
rgb(140,163,128)

#8ba37e

#8ba37e
rgb(139,163,126)

#8aa37d

#8aa37d
rgb(138,163,125)

#89a37b

#89a37b
rgb(137,163,123)

#88a37a

#88a37a
rgb(136,163,122)

Tons e Matizes de #51a328

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

Matiz (adicionando branco)
#51a328

#51a328
rgb(81,163,40)

#73b553

#73b553
rgb(115,181,83)

#96c77e

#96c77e
rgb(150,199,126)

#b9daa9

#b9daa9
rgb(185,218,169)

#dcecd4

#dcecd4
rgb(220,236,212)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#51a328

#51a328
rgb(81,163,40)

#408220

#408220
rgb(64,130,32)

#306118

#306118
rgb(48,97,24)

#20410f

#20410f
rgb(32,65,15)

#102007

#102007
rgb(16,32,7)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #51a328

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

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

Contraste

Branco e #51a328
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 #51a328
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 #51a328

Este exemplo mostra como o texto na cor #51a328 se parece.

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

Este parágrafo tem fundo de cor #51a328.

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

Este elemento tem uma cor de borda de #51a328.

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

Cores alietórias

#a3c397

#a3c397
rgb(163,195,151)

#2d4a86

#2d4a86
rgb(45,74,134)

#43e519

#43e519
rgb(67,229,25)

#8527e3

#8527e3
rgb(133,39,227)

#aa7ea1

#aa7ea1
rgb(170,126,161)

#31b30d

#31b30d
rgb(49,179,13)

#33acd0

#33acd0
rgb(51,172,208)

#c8e951

#c8e951
rgb(200,233,81)

#8c66d6

#8c66d6
rgb(140,102,214)

#610800

#610800
rgb(97,8,0)

#884430

#884430
rgb(136,68,48)

#6ad5cb

#6ad5cb
rgb(106,213,203)