Informação da cor #66334d

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

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

A cor mais próxima WebSafe é 663333.

Conversões de #66334d 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 66334d
RGB 102, 51, 77
RGB Percentagem 40%, 20%, 30.2%
CMYK 0, 0.5, 0.25, 0.6
HSL 329.4°, 33.3%, 30%
HSV (ou HSB) 329.4°, 50%, 40%
RYB 40, 20, 30.2
Formato Cor
XYZ 9.7, 7.2, 9.6
CIELab 32.15, 26.26, -5.95
Decimal 6697805
Yxy 5.7289, 0.3733, 0.2673
YUV 69.213, 132.3945, 151.3859
CIELuv 28.7179, 28.2451, -10.3918
Web Safe 663333

Distribuição de #66334d

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.

#66334d

#66334d
rgb(102,51,77)

#33664d

#33664d
rgb(51,102,77)

Cores triadicas

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

#4d6633

#4d6633
rgb(77,102,51)

#66334d

#66334d
rgb(102,51,77)

#334d66

#334d66
rgb(51,77,102)

Cores tetrádicas

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

#666633

#666633
rgb(102,102,51)

#66334d

#66334d
rgb(102,51,77)

#33664d

#33664d
rgb(51,102,77)

#333466

#333466
rgb(51,52,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.

#66334d

#66334d
rgb(102,51,77)

#66515c

#66515c
rgb(102,81,92)

#66505b

#66505b
rgb(102,80,91)

#664f5b

#664f5b
rgb(102,79,91)

#664e5a

#664e5a
rgb(102,78,90)

#664c5a

#664c5a
rgb(102,76,90)

Tons e Matizes de #66334d

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

Matiz (adicionando branco)
#66334d

#66334d
rgb(102,51,77)

#845b70

#845b70
rgb(132,91,112)

#a38494

#a38494
rgb(163,132,148)

#c1adb7

#c1adb7
rgb(193,173,183)

#e0d6db

#e0d6db
rgb(224,214,219)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#66334d

#66334d
rgb(102,51,77)

#51283d

#51283d
rgb(81,40,61)

#3d1e2e

#3d1e2e
rgb(61,30,46)

#28141e

#28141e
rgb(40,20,30)

#140a0f

#140a0f
rgb(20,10,15)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #66334d

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

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

Contraste

Branco e #66334d
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 #66334d
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 #66334d

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

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

Este parágrafo tem fundo de cor #66334d.

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

Este elemento tem uma cor de borda de #66334d.

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

Cores alietórias

#676213

#676213
rgb(103,98,19)

#1fc4a9

#1fc4a9
rgb(31,196,169)

#d396cc

#d396cc
rgb(211,150,204)

#c58307

#c58307
rgb(197,131,7)

#e8c06c

#e8c06c
rgb(232,192,108)

#05aed0

#05aed0
rgb(5,174,208)

#cb8a61

#cb8a61
rgb(203,138,97)

#4193c4

#4193c4
rgb(65,147,196)

#20998f

#20998f
rgb(32,153,143)

#5db70e

#5db70e
rgb(93,183,14)

#a2455b

#a2455b
rgb(162,69,91)

#957526

#957526
rgb(149,117,38)