Informação da cor #3f6215

A cor hexadecimal 3f6215 no modelo de cores RGB (Red, Green, Blue), é um composta por 63 de vermelho, 98 de verde e 21 de azul.

No padrão de cores CMYK, é composto por 35.7% de ciano, 0% de magenta, 78.6% de amarelo e 61.6% de preto. Tem um ângulo de matiz de 87.3 graus, uma saturação de 64.7% e uma leveza de 23.3%.

A cor mais próxima WebSafe é 333300.

Conversões de #3f6215 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 3f6215
RGB 63, 98, 21
RGB Percentagem 24.7%, 38.4%, 8.2%
CMYK 0.36, 0, 0.79, 0.62
HSL 87.3°, 64.7%, 23.3%
HSV (ou HSB) 87.3°, 78.6%, 38.4%
RYB 8.2, 38.4, 22
Formato Cor
XYZ 8, 11.9, 2.9
CIELab 40.97, -26.08, 38.3
Decimal 4153877
Yxy 9.846, 0.3511, 0.5276
YUV 78.757, 95.4058, 116.761
CIELuv 37.5647, -17.1274, 40.013
Web Safe 333300

Distribuição de #3f6215

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.

#3f6215

#3f6215
rgb(63,98,21)

#391662

#391662
rgb(57,22,98)

Cores triadicas

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

#163f62

#163f62
rgb(22,63,98)

#3f6215

#3f6215
rgb(63,98,21)

#62163f

#62163f
rgb(98,22,63)

Cores tetrádicas

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

#16625f

#16625f
rgb(22,98,95)

#3f6215

#3f6215
rgb(63,98,21)

#391662

#391662
rgb(57,22,98)

#621619

#621619
rgb(98,22,25)

Cores monocromáticas

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

#3f6215

#3f6215
rgb(63,98,21)

#59624d

#59624d
rgb(89,98,77)

#58624c

#58624c
rgb(88,98,76)

#58624b

#58624b
rgb(88,98,75)

#57624a

#57624a
rgb(87,98,74)

#576249

#576249
rgb(87,98,73)

Tons e Matizes de #3f6215

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

Matiz (adicionando branco)
#3f6215

#3f6215
rgb(63,98,21)

#658143

#658143
rgb(101,129,67)

#8ba072

#8ba072
rgb(139,160,114)

#b2c0a1

#b2c0a1
rgb(178,192,161)

#d8dfd0

#d8dfd0
rgb(216,223,208)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#3f6215

#3f6215
rgb(63,98,21)

#324e10

#324e10
rgb(50,78,16)

#253a0c

#253a0c
rgb(37,58,12)

#192708

#192708
rgb(25,39,8)

#0c1304

#0c1304
rgb(12,19,4)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #3f6215

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

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

Contraste

Branco e #3f6215
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Preto e #3f6215
Texto grande WCAG AA X Não 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.

Exemplos CSS

Texto com cor hexadecimal #3f6215

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

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

Este parágrafo tem fundo de cor #3f6215.

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

Este elemento tem uma cor de borda de #3f6215.

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

Cores alietórias

#7d1b86

#7d1b86
rgb(125,27,134)

#cee3f3

#cee3f3
rgb(206,227,243)

#66702c

#66702c
rgb(102,112,44)

#f60556

#f60556
rgb(246,5,86)

#5628e5

#5628e5
rgb(86,40,229)

#9195da

#9195da
rgb(145,149,218)

#3b34d5

#3b34d5
rgb(59,52,213)

#650ba0

#650ba0
rgb(101,11,160)

#c4e2c1

#c4e2c1
rgb(196,226,193)

#f6455b

#f6455b
rgb(246,69,91)

#f33d68

#f33d68
rgb(243,61,104)

#9ee605

#9ee605
rgb(158,230,5)