Informação da cor #6666e1

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

No padrão de cores CMYK, é composto por 54.7% de ciano, 54.7% de magenta, 0% de amarelo e 11.8% de preto. Tem um ângulo de matiz de 240 graus, uma saturação de 67.2% e uma leveza de 64.1%.

A cor mais próxima WebSafe é 6666CC.

Conversões de #6666e1 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 6666e1
RGB 102, 102, 225
RGB Percentagem 40%, 40%, 88.2%
CMYK 0.55, 0.55, 0, 0.12
HSL 240°, 67.2%, 64.1%
HSV (ou HSB) 240°, 54.7%, 88.2%
RYB 40, 40, 88.2
Formato Cor
XYZ 26, 20.2, 75.5
CIELab 52.01, 31.52, -59.72
Decimal 6711009
Yxy 17.7622, 0.2072, 0.1545
YUV 116.022, 189.5, 117.9986
CIELuv 49.2064, -7.1615, -99.2463
Web Safe 6666CC

Distribuição de #6666e1

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.

#6666e1

#6666e1
rgb(102,102,225)

#e1e166

#e1e166
rgb(225,225,102)

Cores triadicas

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

#e16666

#e16666
rgb(225,102,102)

#6666e1

#6666e1
rgb(102,102,225)

#66e166

#66e166
rgb(102,225,102)

Cores tetrádicas

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

#e166a4

#e166a4
rgb(225,102,164)

#6666e1

#6666e1
rgb(102,102,225)

#e1e166

#e1e166
rgb(225,225,102)

#66e1a4

#66e1a4
rgb(102,225,164)

Cores monocromáticas

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

#6666e1

#6666e1
rgb(102,102,225)

#b1b1e1

#b1b1e1
rgb(177,177,225)

#afafe1

#afafe1
rgb(175,175,225)

#adade1

#adade1
rgb(173,173,225)

#aaaae1

#aaaae1
rgb(170,170,225)

#a8a8e1

#a8a8e1
rgb(168,168,225)

Tons e Matizes de #6666e1

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

Matiz (adicionando branco)
#6666e1

#6666e1
rgb(102,102,225)

#8484e7

#8484e7
rgb(132,132,231)

#a3a3ed

#a3a3ed
rgb(163,163,237)

#c1c1f3

#c1c1f3
rgb(193,193,243)

#e0e0f9

#e0e0f9
rgb(224,224,249)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#6666e1

#6666e1
rgb(102,102,225)

#5151b4

#5151b4
rgb(81,81,180)

#3d3d87

#3d3d87
rgb(61,61,135)

#282859

#282859
rgb(40,40,89)

#14142c

#14142c
rgb(20,20,44)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #6666e1

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

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

Contraste

Branco e #6666e1
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.

Preto e #6666e1
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 #6666e1

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

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

Este parágrafo tem fundo de cor #6666e1.

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

Este elemento tem uma cor de borda de #6666e1.

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

Cores alietórias

#93bea8

#93bea8
rgb(147,190,168)

#0e4179

#0e4179
rgb(14,65,121)

#a1c06f

#a1c06f
rgb(161,192,111)

#43afe5

#43afe5
rgb(67,175,229)

#5f5a61

#5f5a61
rgb(95,90,97)

#b06dab

#b06dab
rgb(176,109,171)

#5d0447

#5d0447
rgb(93,4,71)

#c9bbd5

#c9bbd5
rgb(201,187,213)

#93610d

#93610d
rgb(147,97,13)

#05b730

#05b730
rgb(5,183,48)

#2f9b94

#2f9b94
rgb(47,155,148)

#ded946

#ded946
rgb(222,217,70)