Informação da cor #9c980c

A cor hexadecimal 9c980c no modelo de cores RGB (Red, Green, Blue), é um composta por 156 de vermelho, 152 de verde e 12 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 2.6% de magenta, 92.3% de amarelo e 38.8% de preto. Tem um ângulo de matiz de 58.3 graus, uma saturação de 85.7% e uma leveza de 32.9%.

A cor mais próxima WebSafe é 996600.

Conversões de #9c980c 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 9c980c
RGB 156, 152, 12
RGB Percentagem 61.2%, 59.6%, 4.7%
CMYK 0, 0.03, 0.92, 0.39
HSL 58.3°, 85.7%, 32.9%
HSV (ou HSB) 58.3°, 92.3%, 61.2%
RYB 6.7, 61.2, 4.7
Formato Cor
XYZ 27.5, 32.5, 5.4
CIELab 63.77, -13.15, 64.14
Decimal 10262540
Yxy 29.5518, 0.4217, 0.4984
YUV 137.236, 57.3251, 141.3837
CIELuv 61.2656, 7.5417, 66.0291
Web Safe 996600

Distribuição de #9c980c

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.

#9c980c

#9c980c
rgb(156,152,12)

#0c119c

#0c119c
rgb(12,17,156)

Cores triadicas

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

#0c9c98

#0c9c98
rgb(12,156,152)

#9c980c

#9c980c
rgb(156,152,12)

#980c9c

#980c9c
rgb(152,12,156)

Cores tetrádicas

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

#0c9c50

#0c9c50
rgb(12,156,80)

#9c980c

#9c980c
rgb(156,152,12)

#0c119c

#0c119c
rgb(12,17,156)

#9c0c59

#9c0c59
rgb(156,12,89)

Cores monocromáticas

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

#9c980c

#9c980c
rgb(156,152,12)

#9c9c7a

#9c9c7a
rgb(156,156,122)

#9c9c79

#9c9c79
rgb(156,156,121)

#9c9b77

#9c9b77
rgb(156,155,119)

#9c9b76

#9c9b76
rgb(156,155,118)

#9c9b74

#9c9b74
rgb(156,155,116)

Tons e Matizes de #9c980c

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

Matiz (adicionando branco)
#9c980c

#9c980c
rgb(156,152,12)

#afac3c

#afac3c
rgb(175,172,60)

#c3c16d

#c3c16d
rgb(195,193,109)

#d7d59d

#d7d59d
rgb(215,213,157)

#ebeace

#ebeace
rgb(235,234,206)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#9c980c

#9c980c
rgb(156,152,12)

#7c7909

#7c7909
rgb(124,121,9)

#5d5b07

#5d5b07
rgb(93,91,7)

#3e3c04

#3e3c04
rgb(62,60,4)

#1f1e02

#1f1e02
rgb(31,30,2)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #9c980c

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

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

Contraste

Branco e #9c980c
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 #9c980c
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 #9c980c

Este exemplo mostra como o texto na cor #9c980c se parece.

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

Este parágrafo tem fundo de cor #9c980c.

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

Este elemento tem uma cor de borda de #9c980c.

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

Cores alietórias

#03c8a3

#03c8a3
rgb(3,200,163)

#08ba88

#08ba88
rgb(8,186,136)

#fdc2b4

#fdc2b4
rgb(253,194,180)

#c3ff90

#c3ff90
rgb(195,255,144)

#3449e6

#3449e6
rgb(52,73,230)

#7429c1

#7429c1
rgb(116,41,193)

#b1e893

#b1e893
rgb(177,232,147)

#a0a40b

#a0a40b
rgb(160,164,11)

#9a1f81

#9a1f81
rgb(154,31,129)

#185cc3

#185cc3
rgb(24,92,195)

#9f95d8

#9f95d8
rgb(159,149,216)

#f14d9a

#f14d9a
rgb(241,77,154)