Informação da cor #558211

A cor hexadecimal 558211 no modelo de cores RGB (Red, Green, Blue), é um composta por 85 de vermelho, 130 de verde e 17 de azul.

No padrão de cores CMYK, é composto por 34.6% de ciano, 0% de magenta, 86.9% de amarelo e 49% de preto. Tem um ângulo de matiz de 83.9 graus, uma saturação de 76.9% e uma leveza de 28.8%.

A cor mais próxima WebSafe é 336600.

Conversões de #558211 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 558211
RGB 85, 130, 17
RGB Percentagem 33.3%, 51%, 6.7%
CMYK 0.35, 0, 0.87, 0.49
HSL 83.9°, 76.9%, 28.8%
HSV (ou HSB) 83.9°, 86.9%, 51%
RYB 6.7, 51, 24.3
Formato Cor
XYZ 13.8, 20.5, 4.1
CIELab 52.41, -32.23, 51.19
Decimal 5603857
Yxy 17.9366, 0.357, 0.5413
YUV 103.663, 79.0931, 114.6883
CIELuv 49.4191, -22.6268, 55.5271
Web Safe 336600

Distribuição de #558211

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.

#558211

#558211
rgb(85,130,17)

#3f1182

#3f1182
rgb(63,17,130)

Cores triadicas

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

#115582

#115582
rgb(17,85,130)

#558211

#558211
rgb(85,130,17)

#821155

#821155
rgb(130,17,85)

Cores tetrádicas

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

#118277

#118277
rgb(17,130,119)

#558211

#558211
rgb(85,130,17)

#3f1182

#3f1182
rgb(63,17,130)

#82111d

#82111d
rgb(130,17,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.

#558211

#558211
rgb(85,130,17)

#778266

#778266
rgb(119,130,102)

#778265

#778265
rgb(119,130,101)

#768263

#768263
rgb(118,130,99)

#768262

#768262
rgb(118,130,98)

#758261

#758261
rgb(117,130,97)

Tons e Matizes de #558211

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

Matiz (adicionando branco)
#558211

#558211
rgb(85,130,17)

#779b40

#779b40
rgb(119,155,64)

#99b470

#99b470
rgb(153,180,112)

#bbcd9f

#bbcd9f
rgb(187,205,159)

#dde6cf

#dde6cf
rgb(221,230,207)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#558211

#558211
rgb(85,130,17)

#44680d

#44680d
rgb(68,104,13)

#334e0a

#334e0a
rgb(51,78,10)

#213306

#213306
rgb(33,51,6)

#101903

#101903
rgb(16,25,3)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #558211

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

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

Contraste

Branco e #558211
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.

Preto e #558211
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 #558211

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

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

Este parágrafo tem fundo de cor #558211.

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

Este elemento tem uma cor de borda de #558211.

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

Cores alietórias

#9434f7

#9434f7
rgb(148,52,247)

#7786c8

#7786c8
rgb(119,134,200)

#cfdcca

#cfdcca
rgb(207,220,202)

#5e570c

#5e570c
rgb(94,87,12)

#7ddb95

#7ddb95
rgb(125,219,149)

#c609ae

#c609ae
rgb(198,9,174)

#353886

#353886
rgb(53,56,134)

#078d65

#078d65
rgb(7,141,101)

#549bef

#549bef
rgb(84,155,239)

#02c477

#02c477
rgb(2,196,119)

#de3ae3

#de3ae3
rgb(222,58,227)

#33b3bc

#33b3bc
rgb(51,179,188)