Informação da cor #663300

A cor hexadecimal 663300 no modelo de cores RGB (Red, Green, Blue), é um composta por 102 de vermelho, 51 de verde e 0 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 50% de magenta, 100% de amarelo e 60% de preto. Tem um ângulo de matiz de 30 graus, uma saturação de 100% e uma leveza de 20%.

A cor 663300 é WebSafe.

Conversões de #663300 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 663300
RGB 102, 51, 0
RGB Percentagem 40%, 20%, 0%
CMYK 0, 0.5, 1, 0.6
HSL 30°, 100%, 20%
HSV (ou HSB) 30°, 100%, 40%
RYB 40, 40, 0
Formato Cor
XYZ 8.1, 6.5, 0.8
CIELab 30.61, 18.72, 40.94
Decimal 6697728
Yxy 5.1932, 0.5327, 0.4152
YUV 60.435, 93.8945, 157.6469
CIELuv 27.2784, 39.1005, 25.4952
Web Safe 663300

Distribuição de #663300

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.

#663300

#663300
rgb(102,51,0)

#003366

#003366
rgb(0,51,102)

Cores triadicas

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

#006633

#006633
rgb(0,102,51)

#663300

#663300
rgb(102,51,0)

#330066

#330066
rgb(51,0,102)

Cores tetrádicas

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

#006600

#006600
rgb(0,102,0)

#663300

#663300
rgb(102,51,0)

#003366

#003366
rgb(0,51,102)

#660066

#660066
rgb(102,0,102)

Cores monocromáticas

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

#663300

#663300
rgb(102,51,0)

#665b50

#665b50
rgb(102,91,80)

#665b4f

#665b4f
rgb(102,91,79)

#665a4e

#665a4e
rgb(102,90,78)

#665a4d

#665a4d
rgb(102,90,77)

#66594c

#66594c
rgb(102,89,76)

Tons e Matizes de #663300

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

Matiz (adicionando branco)
#663300

#663300
rgb(102,51,0)

#845b33

#845b33
rgb(132,91,51)

#a38466

#a38466
rgb(163,132,102)

#c1ad99

#c1ad99
rgb(193,173,153)

#e0d6cc

#e0d6cc
rgb(224,214,204)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#663300

#663300
rgb(102,51,0)

#512800

#512800
rgb(81,40,0)

#3d1e00

#3d1e00
rgb(61,30,0)

#281400

#281400
rgb(40,20,0)

#140a00

#140a00
rgb(20,10,0)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #663300

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

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

Contraste

Branco e #663300
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 #663300
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 #663300

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

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

Este parágrafo tem fundo de cor #663300.

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

Este elemento tem uma cor de borda de #663300.

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

Cores alietórias

#0fc3cb

#0fc3cb
rgb(15,195,203)

#5f60b3

#5f60b3
rgb(95,96,179)

#957728

#957728
rgb(149,119,40)

#db7888

#db7888
rgb(219,120,136)

#506f99

#506f99
rgb(80,111,153)

#913c47

#913c47
rgb(145,60,71)

#5e7a55

#5e7a55
rgb(94,122,85)

#55d5dd

#55d5dd
rgb(85,213,221)

#eacd81

#eacd81
rgb(234,205,129)

#57d070

#57d070
rgb(87,208,112)

#a7d083

#a7d083
rgb(167,208,131)

#716ed8

#716ed8
rgb(113,110,216)