Informação da cor #6c8263

A cor hexadecimal 6c8263 no modelo de cores RGB (Red, Green, Blue), é um composta por 108 de vermelho, 130 de verde e 99 de azul.

No padrão de cores CMYK, é composto por 16.9% de ciano, 0% de magenta, 23.8% de amarelo e 49% de preto. Tem um ângulo de matiz de 102.6 graus, uma saturação de 13.5% e uma leveza de 44.9%.

A cor mais próxima WebSafe é 666633.

Conversões de #6c8263 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 6c8263
RGB 108, 130, 99
RGB Percentagem 42.4%, 51%, 38.8%
CMYK 0.17, 0, 0.24, 0.49
HSL 102.6°, 13.5%, 44.9%
HSV (ou HSB) 102.6°, 23.9%, 51%
RYB 38.8, 51, 47.5
Formato Cor
XYZ 19, 22.9, 17.5
CIELab 54.97, -13.7, 13.7
Decimal 7111267
Yxy 20.054, 0.3202, 0.3911
YUV 119.888, 116.2122, 119.5207
CIELuv 51.8982, -10.9592, 20.7285
Web Safe 666633

Distribuição de #6c8263

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.

#6c8263

#6c8263
rgb(108,130,99)

#7a6382

#7a6382
rgb(122,99,130)

Cores triadicas

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

#636c82

#636c82
rgb(99,108,130)

#6c8263

#6c8263
rgb(108,130,99)

#82636c

#82636c
rgb(130,99,108)

Cores tetrádicas

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

#637c82

#637c82
rgb(99,124,130)

#6c8263

#6c8263
rgb(108,130,99)

#7a6382

#7a6382
rgb(122,99,130)

#826a63

#826a63
rgb(130,106,99)

Cores monocromáticas

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

#6c8263

#6c8263
rgb(108,130,99)

#6f8267

#6f8267
rgb(111,130,103)

#6e8266

#6e8266
rgb(110,130,102)

#6d8264

#6d8264
rgb(109,130,100)

#6c8263

#6c8263
rgb(108,130,99)

#6b8262

#6b8262
rgb(107,130,98)

Tons e Matizes de #6c8263

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

Matiz (adicionando branco)
#6c8263

#6c8263
rgb(108,130,99)

#899b82

#899b82
rgb(137,155,130)

#a6b4a1

#a6b4a1
rgb(166,180,161)

#c4cdc0

#c4cdc0
rgb(196,205,192)

#e1e6df

#e1e6df
rgb(225,230,223)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#6c8263

#6c8263
rgb(108,130,99)

#56684f

#56684f
rgb(86,104,79)

#404e3b

#404e3b
rgb(64,78,59)

#2b3327

#2b3327
rgb(43,51,39)

#151913

#151913
rgb(21,25,19)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #6c8263

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

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

Contraste

Branco e #6c8263
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 #6c8263
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 #6c8263

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

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

Este parágrafo tem fundo de cor #6c8263.

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

Este elemento tem uma cor de borda de #6c8263.

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

Cores alietórias

#c1c717

#c1c717
rgb(193,199,23)

#978a29

#978a29
rgb(151,138,41)

#a8f10e

#a8f10e
rgb(168,241,14)

#55238e

#55238e
rgb(85,35,142)

#8b22cf

#8b22cf
rgb(139,34,207)

#e644c3

#e644c3
rgb(230,68,195)

#abdcf7

#abdcf7
rgb(171,220,247)

#f0c23c

#f0c23c
rgb(240,194,60)

#c25e63

#c25e63
rgb(194,94,99)

#fdee88

#fdee88
rgb(253,238,136)

#789661

#789661
rgb(120,150,97)

#2863cf

#2863cf
rgb(40,99,207)