Informação da cor #578b25

A cor hexadecimal 578b25 no modelo de cores RGB (Red, Green, Blue), é um composta por 87 de vermelho, 139 de verde e 37 de azul.

No padrão de cores CMYK, é composto por 37.4% de ciano, 0% de magenta, 73.4% de amarelo e 45.5% de preto. Tem um ângulo de matiz de 90.6 graus, uma saturação de 58% e uma leveza de 34.5%.

A cor mais próxima WebSafe é 336600.

Conversões de #578b25 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 578b25
RGB 87, 139, 37
RGB Percentagem 34.1%, 54.5%, 14.5%
CMYK 0.37, 0, 0.73, 0.45
HSL 90.6°, 58%, 34.5%
HSV (ou HSB) 90.6°, 73.4%, 54.5%
RYB 14.5, 54.5, 34.9
Formato Cor
XYZ 15.6, 23.3, 6.1
CIELab 55.4, -34.12, 46.5
Decimal 5737253
Yxy 20.6245, 0.3448, 0.5269
YUV 111.824, 85.7743, 110.2938
CIELuv 52.536, -26.0057, 55.2939
Web Safe 336600

Distribuição de #578b25

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.

#578b25

#578b25
rgb(87,139,37)

#5a258b

#5a258b
rgb(90,37,139)

Cores triadicas

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

#25578b

#25578b
rgb(37,87,139)

#578b25

#578b25
rgb(87,139,37)

#8b2557

#8b2557
rgb(139,37,87)

Cores tetrádicas

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

#258a8b

#258a8b
rgb(37,138,139)

#578b25

#578b25
rgb(87,139,37)

#5a258b

#5a258b
rgb(90,37,139)

#8b2725

#8b2725
rgb(139,39,37)

Cores monocromáticas

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

#578b25

#578b25
rgb(87,139,37)

#7c8b6d

#7c8b6d
rgb(124,139,109)

#7b8b6c

#7b8b6c
rgb(123,139,108)

#7b8b6b

#7b8b6b
rgb(123,139,107)

#7a8b69

#7a8b69
rgb(122,139,105)

#798b68

#798b68
rgb(121,139,104)

Tons e Matizes de #578b25

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

Matiz (adicionando branco)
#578b25

#578b25
rgb(87,139,37)

#78a250

#78a250
rgb(120,162,80)

#9ab97c

#9ab97c
rgb(154,185,124)

#bbd0a7

#bbd0a7
rgb(187,208,167)

#dde7d3

#dde7d3
rgb(221,231,211)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#578b25

#578b25
rgb(87,139,37)

#456f1d

#456f1d
rgb(69,111,29)

#345316

#345316
rgb(52,83,22)

#22370e

#22370e
rgb(34,55,14)

#111b07

#111b07
rgb(17,27,7)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #578b25

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

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

Contraste

Branco e #578b25
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 #578b25
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 #578b25

Este exemplo mostra como o texto na cor #578b25 se parece.

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

Este parágrafo tem fundo de cor #578b25.

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

Este elemento tem uma cor de borda de #578b25.

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

Cores alietórias

#326bc1

#326bc1
rgb(50,107,193)

#ac1de3

#ac1de3
rgb(172,29,227)

#11ef5d

#11ef5d
rgb(17,239,93)

#e1956a

#e1956a
rgb(225,149,106)

#8e38a5

#8e38a5
rgb(142,56,165)

#01c914

#01c914
rgb(1,201,20)

#957260

#957260
rgb(149,114,96)

#ba26a3

#ba26a3
rgb(186,38,163)

#d954b6

#d954b6
rgb(217,84,182)

#6c5903

#6c5903
rgb(108,89,3)

#b706d1

#b706d1
rgb(183,6,209)

#4937bf

#4937bf
rgb(73,55,191)