Informação da cor #978a24

A cor hexadecimal 978a24 no modelo de cores RGB (Red, Green, Blue), é um composta por 151 de vermelho, 138 de verde e 36 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 8.6% de magenta, 76.2% de amarelo e 40.8% de preto. Tem um ângulo de matiz de 53.2 graus, uma saturação de 61.5% e uma leveza de 36.7%.

A cor mais próxima WebSafe é 666600.

Conversões de #978a24 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 978a24
RGB 151, 138, 36
RGB Percentagem 59.2%, 54.1%, 14.1%
CMYK 0, 0.09, 0.76, 0.41
HSL 53.2°, 61.5%, 36.7%
HSV (ou HSB) 53.2°, 76.2%, 59.2%
RYB 20, 59.2, 14.1
Formato Cor
XYZ 24.7, 27.8, 6.4
CIELab 59.72, -7.26, 52.78
Decimal 9931300
Yxy 24.8846, 0.4234, 0.4753
YUV 130.259, 74.8064, 142.7938
CIELuv 56.9628, 13.1413, 56.3651
Web Safe 666600

Distribuição de #978a24

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.

#978a24

#978a24
rgb(151,138,36)

#243197

#243197
rgb(36,49,151)

Cores triadicas

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

#24978b

#24978b
rgb(36,151,139)

#978a24

#978a24
rgb(151,138,36)

#8b2497

#8b2497
rgb(139,36,151)

Cores tetrádicas

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

#249751

#249751
rgb(36,151,81)

#978a24

#978a24
rgb(151,138,36)

#243197

#243197
rgb(36,49,151)

#97246b

#97246b
rgb(151,36,107)

Cores monocromáticas

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

#978a24

#978a24
rgb(151,138,36)

#979477

#979477
rgb(151,148,119)

#979475

#979475
rgb(151,148,117)

#979374

#979374
rgb(151,147,116)

#979372

#979372
rgb(151,147,114)

#979371

#979371
rgb(151,147,113)

Tons e Matizes de #978a24

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

Matiz (adicionando branco)
#978a24

#978a24
rgb(151,138,36)

#aba14f

#aba14f
rgb(171,161,79)

#c0b87b

#c0b87b
rgb(192,184,123)

#d5d0a7

#d5d0a7
rgb(213,208,167)

#eae7d3

#eae7d3
rgb(234,231,211)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#978a24

#978a24
rgb(151,138,36)

#786e1c

#786e1c
rgb(120,110,28)

#5a5215

#5a5215
rgb(90,82,21)

#3c370e

#3c370e
rgb(60,55,14)

#1e1b07

#1e1b07
rgb(30,27,7)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #978a24

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

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

Contraste

Branco e #978a24
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 #978a24
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 #978a24

Este exemplo mostra como o texto na cor #978a24 se parece.

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

Este parágrafo tem fundo de cor #978a24.

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

Este elemento tem uma cor de borda de #978a24.

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

Cores alietórias

#14474a

#14474a
rgb(20,71,74)

#e082f8

#e082f8
rgb(224,130,248)

#fd818d

#fd818d
rgb(253,129,141)

#93cb94

#93cb94
rgb(147,203,148)

#391481

#391481
rgb(57,20,129)

#fafc06

#fafc06
rgb(250,252,6)

#028fa6

#028fa6
rgb(2,143,166)

#70dd09

#70dd09
rgb(112,221,9)

#8765d5

#8765d5
rgb(135,101,213)

#46dce7

#46dce7
rgb(70,220,231)

#7273b3

#7273b3
rgb(114,115,179)

#5c7c8e

#5c7c8e
rgb(92,124,142)