Informação da cor #51cc51

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

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

A cor mais próxima WebSafe é 33CC33.

Conversões de #51cc51 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 51cc51
RGB 81, 204, 81
RGB Percentagem 31.8%, 80%, 31.8%
CMYK 0.6, 0, 0.6, 0.2
HSL 120°, 54.7%, 55.9%
HSV (ou HSB) 120°, 60.3%, 80%
RYB 31.8, 80, 80
Formato Cor
XYZ 28.5, 47.9, 17.3
CIELab 74.78, -56.52, 48.13
Decimal 5360721
Yxy 45.5266, 0.3037, 0.5223
YUV 153.201, 87.2545, 76.5014
CIELuv 73.2373, -54.8236, 70.8732
Web Safe 33CC33

Distribuição de #51cc51

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.

#51cc51

#51cc51
rgb(81,204,81)

#cc51cc

#cc51cc
rgb(204,81,204)

Cores triadicas

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

#5151cc

#5151cc
rgb(81,81,204)

#51cc51

#51cc51
rgb(81,204,81)

#cc5151

#cc5151
rgb(204,81,81)

Cores tetrádicas

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

#518fcc

#518fcc
rgb(81,143,204)

#51cc51

#51cc51
rgb(81,204,81)

#cc51cc

#cc51cc
rgb(204,81,204)

#cc8f51

#cc8f51
rgb(204,143,81)

Cores monocromáticas

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

#51cc51

#51cc51
rgb(81,204,81)

#a0cca0

#a0cca0
rgb(160,204,160)

#9ecc9e

#9ecc9e
rgb(158,204,158)

#9ccc9c

#9ccc9c
rgb(156,204,156)

#9acc9a

#9acc9a
rgb(154,204,154)

#98cc98

#98cc98
rgb(152,204,152)

Tons e Matizes de #51cc51

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

Matiz (adicionando branco)
#51cc51

#51cc51
rgb(81,204,81)

#73d673

#73d673
rgb(115,214,115)

#96e096

#96e096
rgb(150,224,150)

#b9eab9

#b9eab9
rgb(185,234,185)

#dcf4dc

#dcf4dc
rgb(220,244,220)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#51cc51

#51cc51
rgb(81,204,81)

#40a340

#40a340
rgb(64,163,64)

#307a30

#307a30
rgb(48,122,48)

#205120

#205120
rgb(32,81,32)

#102810

#102810
rgb(16,40,16)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #51cc51

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#e0a6cf

#e0a6cf
rgb(224,166,207)

#a3b61e

#a3b61e
rgb(163,182,30)

#be97ac

#be97ac
rgb(190,151,172)

#028a7a

#028a7a
rgb(2,138,122)

#cbad04

#cbad04
rgb(203,173,4)

#6026f4

#6026f4
rgb(96,38,244)

#ffcd34

#ffcd34
rgb(255,205,52)

#bcfb4b

#bcfb4b
rgb(188,251,75)

#fa324c

#fa324c
rgb(250,50,76)

#1a7129

#1a7129
rgb(26,113,41)

#379b97

#379b97
rgb(55,155,151)

#cb2503

#cb2503
rgb(203,37,3)