Informação da cor #7ebd3c

A cor hexadecimal 7ebd3c no modelo de cores RGB (Red, Green, Blue), é um composta por 126 de vermelho, 189 de verde e 60 de azul.

No padrão de cores CMYK, é composto por 33.3% de ciano, 0% de magenta, 68.3% de amarelo e 25.9% de preto. Tem um ângulo de matiz de 89.3 graus, uma saturação de 51.8% e uma leveza de 48.8%.

A cor mais próxima WebSafe é 669933.

Conversões de #7ebd3c 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 7ebd3c
RGB 126, 189, 60
RGB Percentagem 49.4%, 74.1%, 23.5%
CMYK 0.33, 0, 0.68, 0.26
HSL 89.3°, 51.8%, 48.8%
HSV (ou HSB) 89.3°, 68.3%, 74.1%
RYB 23.5, 74.1, 48.2
Formato Cor
XYZ 30.1, 44, 12.4
CIELab 72.21, -39.39, 55.06
Decimal 8305980
Yxy 41.156, 0.3472, 0.5175
YUV 155.457, 74.1304, 106.9892
CIELuv 70.2851, -31.7293, 71.8089
Web Safe 669933

Distribuição de #7ebd3c

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.

#7ebd3c

#7ebd3c
rgb(126,189,60)

#7b3cbd

#7b3cbd
rgb(123,60,189)

Cores triadicas

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

#3c7fbd

#3c7fbd
rgb(60,127,189)

#7ebd3c

#7ebd3c
rgb(126,189,60)

#bd3c7f

#bd3c7f
rgb(189,60,127)

Cores tetrádicas

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

#3cbdbc

#3cbdbc
rgb(60,189,188)

#7ebd3c

#7ebd3c
rgb(126,189,60)

#7b3cbd

#7b3cbd
rgb(123,60,189)

#bd3c3e

#bd3c3e
rgb(189,60,62)

Cores monocromáticas

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

#7ebd3c

#7ebd3c
rgb(126,189,60)

#a9bd95

#a9bd95
rgb(169,189,149)

#a9bd93

#a9bd93
rgb(169,189,147)

#a8bd91

#a8bd91
rgb(168,189,145)

#a7bd8f

#a7bd8f
rgb(167,189,143)

#a6bd8d

#a6bd8d
rgb(166,189,141)

Tons e Matizes de #7ebd3c

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

Matiz (adicionando branco)
#7ebd3c

#7ebd3c
rgb(126,189,60)

#97ca63

#97ca63
rgb(151,202,99)

#b1d78a

#b1d78a
rgb(177,215,138)

#cbe4b1

#cbe4b1
rgb(203,228,177)

#e5f1d8

#e5f1d8
rgb(229,241,216)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#7ebd3c

#7ebd3c
rgb(126,189,60)

#649730

#649730
rgb(100,151,48)

#4b7124

#4b7124
rgb(75,113,36)

#324b17

#324b17
rgb(50,75,23)

#19250b

#19250b
rgb(25,37,11)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #7ebd3c

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

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

Contraste

Branco e #7ebd3c
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 #7ebd3c
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 #7ebd3c

Este exemplo mostra como o texto na cor #7ebd3c se parece.

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

Este parágrafo tem fundo de cor #7ebd3c.

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

Este elemento tem uma cor de borda de #7ebd3c.

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

Cores alietórias

#e5d67a

#e5d67a
rgb(229,214,122)

#f6753f

#f6753f
rgb(246,117,63)

#b1a99c

#b1a99c
rgb(177,169,156)

#86122b

#86122b
rgb(134,18,43)

#32d3d8

#32d3d8
rgb(50,211,216)

#d4012b

#d4012b
rgb(212,1,43)

#86c0d1

#86c0d1
rgb(134,192,209)

#9836a5

#9836a5
rgb(152,54,165)

#2d2b3e

#2d2b3e
rgb(45,43,62)

#db4368

#db4368
rgb(219,67,104)

#d42af6

#d42af6
rgb(212,42,246)

#7f1d34

#7f1d34
rgb(127,29,52)