Informação da cor #330066

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

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

A cor 330066 é WebSafe.

Conversões de #330066 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 330066
RGB 51, 0, 102
RGB Percentagem 20%, 0%, 40%
CMYK 0.5, 1, 0, 0.6
HSL 270°, 100%, 20%
HSV (ou HSB) 270°, 100%, 40%
RYB 20, 0, 40
Formato Cor
XYZ 4.7, 2.1, 15
CIELab 15.85, 45.6, -48.44
Decimal 3342438
Yxy 1.663, 0.2077, 0.0918
YUV 26.877, 170.3945, 145.2062
CIELuv 13.609, 4.874, -43.2047
Web Safe 330066

Distribuição de #330066

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.

#330066

#330066
rgb(51,0,102)

#336600

#336600
rgb(51,102,0)

Cores triadicas

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

#663300

#663300
rgb(102,51,0)

#330066

#330066
rgb(51,0,102)

#006633

#006633
rgb(0,102,51)

Cores tetrádicas

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

#660000

#660000
rgb(102,0,0)

#330066

#330066
rgb(51,0,102)

#336600

#336600
rgb(51,102,0)

#006666

#006666
rgb(0,102,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.

#330066

#330066
rgb(51,0,102)

#5b5066

#5b5066
rgb(91,80,102)

#5b4f66

#5b4f66
rgb(91,79,102)

#5a4e66

#5a4e66
rgb(90,78,102)

#5a4d66

#5a4d66
rgb(90,77,102)

#594c66

#594c66
rgb(89,76,102)

Tons e Matizes de #330066

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

Matiz (adicionando branco)
#330066

#330066
rgb(51,0,102)

#5b3384

#5b3384
rgb(91,51,132)

#8466a3

#8466a3
rgb(132,102,163)

#ad99c1

#ad99c1
rgb(173,153,193)

#d6cce0

#d6cce0
rgb(214,204,224)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#330066

#330066
rgb(51,0,102)

#280051

#280051
rgb(40,0,81)

#1e003d

#1e003d
rgb(30,0,61)

#140028

#140028
rgb(20,0,40)

#0a0014

#0a0014
rgb(10,0,20)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #330066

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #330066.

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

Este elemento tem uma cor de borda de #330066.

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

Cores alietórias

#2fb958

#2fb958
rgb(47,185,88)

#703a86

#703a86
rgb(112,58,134)

#18daa2

#18daa2
rgb(24,218,162)

#143266

#143266
rgb(20,50,102)

#166f76

#166f76
rgb(22,111,118)

#4b8308

#4b8308
rgb(75,131,8)

#186003

#186003
rgb(24,96,3)

#daf595

#daf595
rgb(218,245,149)

#8e43a3

#8e43a3
rgb(142,67,163)

#373452

#373452
rgb(55,52,82)

#efd9c4

#efd9c4
rgb(239,217,196)

#a21aca

#a21aca
rgb(162,26,202)