Informação da cor #459a1c

A cor hexadecimal 459a1c no modelo de cores RGB (Red, Green, Blue), é um composta por 69 de vermelho, 154 de verde e 28 de azul.

No padrão de cores CMYK, é composto por 55.2% de ciano, 0% de magenta, 81.8% de amarelo e 39.6% de preto. Tem um ângulo de matiz de 100.5 graus, uma saturação de 69.2% e uma leveza de 35.7%.

A cor mais próxima WebSafe é 339900.

Conversões de #459a1c 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 459a1c
RGB 69, 154, 28
RGB Percentagem 27.1%, 60.4%, 11%
CMYK 0.55, 0, 0.82, 0.4
HSL 100.5°, 69.2%, 35.7%
HSV (ou HSB) 100.5°, 81.8%, 60.4%
RYB 11, 60.4, 44.3
Formato Cor
XYZ 16.1, 27.1, 6
CIELab 59.08, -46.95, 53.44
Decimal 4561436
Yxy 24.4591, 0.325, 0.5591
YUV 114.221, 79.3426, 95.7453
CIELuv 56.5446, -39.936, 64.0321
Web Safe 339900

Distribuição de #459a1c

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.

#459a1c

#459a1c
rgb(69,154,28)

#721d9a

#721d9a
rgb(114,29,154)

Cores triadicas

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

#1d459a

#1d459a
rgb(29,69,154)

#459a1c

#459a1c
rgb(69,154,28)

#9a1d45

#9a1d45
rgb(154,29,69)

Cores tetrádicas

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

#1d849a

#1d849a
rgb(29,132,154)

#459a1c

#459a1c
rgb(69,154,28)

#721d9a

#721d9a
rgb(114,29,154)

#9a331d

#9a331d
rgb(154,51,29)

Cores monocromáticas

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

#459a1c

#459a1c
rgb(69,154,28)

#849a79

#849a79
rgb(132,154,121)

#839a77

#839a77
rgb(131,154,119)

#829a76

#829a76
rgb(130,154,118)

#819a74

#819a74
rgb(129,154,116)

#809a73

#809a73
rgb(128,154,115)

Tons e Matizes de #459a1c

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

Matiz (adicionando branco)
#459a1c

#459a1c
rgb(69,154,28)

#6aae49

#6aae49
rgb(106,174,73)

#8fc276

#8fc276
rgb(143,194,118)

#b4d6a4

#b4d6a4
rgb(180,214,164)

#d9ead1

#d9ead1
rgb(217,234,209)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#459a1c

#459a1c
rgb(69,154,28)

#377b16

#377b16
rgb(55,123,22)

#295c10

#295c10
rgb(41,92,16)

#1b3d0b

#1b3d0b
rgb(27,61,11)

#0d1e05

#0d1e05
rgb(13,30,5)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #459a1c

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

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

Contraste

Branco e #459a1c
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 #459a1c
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 #459a1c

Este exemplo mostra como o texto na cor #459a1c se parece.

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

Este parágrafo tem fundo de cor #459a1c.

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

Este elemento tem uma cor de borda de #459a1c.

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

Cores alietórias

#305df2

#305df2
rgb(48,93,242)

#19cd56

#19cd56
rgb(25,205,86)

#c0b573

#c0b573
rgb(192,181,115)

#e29f3b

#e29f3b
rgb(226,159,59)

#6657ea

#6657ea
rgb(102,87,234)

#eb3c09

#eb3c09
rgb(235,60,9)

#2f30c7

#2f30c7
rgb(47,48,199)

#9a364e

#9a364e
rgb(154,54,78)

#bf2a4c

#bf2a4c
rgb(191,42,76)

#df1ba9

#df1ba9
rgb(223,27,169)

#ba3379

#ba3379
rgb(186,51,121)

#fcd410

#fcd410
rgb(252,212,16)