Informação da cor #76cf51

A cor hexadecimal 76cf51 no modelo de cores RGB (Red, Green, Blue), é um composta por 118 de vermelho, 207 de verde e 81 de azul.

No padrão de cores CMYK, é composto por 43% de ciano, 0% de magenta, 60.9% de amarelo e 18.8% de preto. Tem um ângulo de matiz de 102.4 graus, uma saturação de 56.8% e uma leveza de 56.5%.

A cor mais próxima WebSafe é 66CC33.

Conversões de #76cf51 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 76cf51
RGB 118, 207, 81
RGB Percentagem 46.3%, 81.2%, 31.8%
CMYK 0.43, 0, 0.61, 0.19
HSL 102.4°, 56.8%, 56.5%
HSV (ou HSB) 102.4°, 60.9%, 81.2%
RYB 31.8, 81.2, 66.7
Formato Cor
XYZ 33.7, 51.6, 17.8
CIELab 77.03, -47.29, 51.11
Decimal 7786321
Yxy 49.0694, 0.3259, 0.5114
YUV 166.025, 80.0175, 93.7453
CIELuv 75.4945, -43.3908, 72.7374
Web Safe 66CC33

Distribuição de #76cf51

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.

#76cf51

#76cf51
rgb(118,207,81)

#ab51cf

#ab51cf
rgb(171,81,207)

Cores triadicas

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

#5176cf

#5176cf
rgb(81,118,207)

#76cf51

#76cf51
rgb(118,207,81)

#cf5176

#cf5176
rgb(207,81,118)

Cores tetrádicas

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

#51b5cf

#51b5cf
rgb(81,181,207)

#76cf51

#76cf51
rgb(118,207,81)

#ab51cf

#ab51cf
rgb(171,81,207)

#cf6c51

#cf6c51
rgb(207,108,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.

#76cf51

#76cf51
rgb(118,207,81)

#b0cfa3

#b0cfa3
rgb(176,207,163)

#aecfa1

#aecfa1
rgb(174,207,161)

#adcf9f

#adcf9f
rgb(173,207,159)

#accf9d

#accf9d
rgb(172,207,157)

#aacf9a

#aacf9a
rgb(170,207,154)

Tons e Matizes de #76cf51

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

Matiz (adicionando branco)
#76cf51

#76cf51
rgb(118,207,81)

#91d873

#91d873
rgb(145,216,115)

#ace296

#ace296
rgb(172,226,150)

#c8ebb9

#c8ebb9
rgb(200,235,185)

#e3f5dc

#e3f5dc
rgb(227,245,220)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#76cf51

#76cf51
rgb(118,207,81)

#5ea540

#5ea540
rgb(94,165,64)

#467c30

#467c30
rgb(70,124,48)

#2f5220

#2f5220
rgb(47,82,32)

#172910

#172910
rgb(23,41,16)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #76cf51

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

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

Contraste

Branco e #76cf51
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 #76cf51
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 #76cf51

Este exemplo mostra como o texto na cor #76cf51 se parece.

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

Este parágrafo tem fundo de cor #76cf51.

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

Este elemento tem uma cor de borda de #76cf51.

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

Cores alietórias

#118c5b

#118c5b
rgb(17,140,91)

#06c48c

#06c48c
rgb(6,196,140)

#d41932

#d41932
rgb(212,25,50)

#6fc99f

#6fc99f
rgb(111,201,159)

#8b7c43

#8b7c43
rgb(139,124,67)

#83701d

#83701d
rgb(131,112,29)

#5c5a19

#5c5a19
rgb(92,90,25)

#47108f

#47108f
rgb(71,16,143)

#b3b62c

#b3b62c
rgb(179,182,44)

#cd44fd

#cd44fd
rgb(205,68,253)

#3350bb

#3350bb
rgb(51,80,187)

#abeb7a

#abeb7a
rgb(171,235,122)