Informação da cor #665ef5

A cor hexadecimal 665ef5 no modelo de cores RGB (Red, Green, Blue), é um composta por 102 de vermelho, 94 de verde e 245 de azul.

No padrão de cores CMYK, é composto por 58.4% de ciano, 61.6% de magenta, 0% de amarelo e 3.9% de preto. Tem um ângulo de matiz de 243.2 graus, uma saturação de 88.3% e uma leveza de 66.5%.

A cor mais próxima WebSafe é 6633CC.

Conversões de #665ef5 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 665ef5
RGB 102, 94, 245
RGB Percentagem 40%, 36.9%, 96.1%
CMYK 0.58, 0.62, 0, 0.04
HSL 243.2°, 88.3%, 66.5%
HSV (ou HSB) 243.2°, 61.6%, 96.1%
RYB 40, 36.9, 96.1
Formato Cor
XYZ 27.9, 19.6, 89.4
CIELab 51.37, 41.86, -71.08
Decimal 6708981
Yxy 17.4209, 0.197, 0.1322
YUV 113.606, 202.1501, 119.7219
CIELuv 48.7861, -6.2525, -117.0043
Web Safe 6633CC

Distribuição de #665ef5

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.

#665ef5

#665ef5
rgb(102,94,245)

#eef55e

#eef55e
rgb(238,245,94)

Cores triadicas

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

#f5665e

#f5665e
rgb(245,102,94)

#665ef5

#665ef5
rgb(102,94,245)

#5ef566

#5ef566
rgb(94,245,102)

Cores tetrádicas

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

#f55ea2

#f55ea2
rgb(245,94,162)

#665ef5

#665ef5
rgb(102,94,245)

#eef55e

#eef55e
rgb(238,245,94)

#5ef5b2

#5ef5b2
rgb(94,245,178)

Cores monocromáticas

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

#665ef5

#665ef5
rgb(102,94,245)

#c3c1f5

#c3c1f5
rgb(195,193,245)

#c1bef5

#c1bef5
rgb(193,190,245)

#bfbcf5

#bfbcf5
rgb(191,188,245)

#bcb9f5

#bcb9f5
rgb(188,185,245)

#bab7f5

#bab7f5
rgb(186,183,245)

Tons e Matizes de #665ef5

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

Matiz (adicionando branco)
#665ef5

#665ef5
rgb(102,94,245)

#847ef7

#847ef7
rgb(132,126,247)

#a39ef9

#a39ef9
rgb(163,158,249)

#c1befb

#c1befb
rgb(193,190,251)

#e0defd

#e0defd
rgb(224,222,253)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#665ef5

#665ef5
rgb(102,94,245)

#514bc4

#514bc4
rgb(81,75,196)

#3d3893

#3d3893
rgb(61,56,147)

#282561

#282561
rgb(40,37,97)

#141230

#141230
rgb(20,18,48)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #665ef5

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

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

Contraste

Branco e #665ef5
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 #665ef5
Texto grande WCAG AA ✓ 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 #665ef5

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

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

Este parágrafo tem fundo de cor #665ef5.

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

Este elemento tem uma cor de borda de #665ef5.

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

Cores alietórias

#baf9e4

#baf9e4
rgb(186,249,228)

#439d14

#439d14
rgb(67,157,20)

#addecf

#addecf
rgb(173,222,207)

#71d79b

#71d79b
rgb(113,215,155)

#03efdb

#03efdb
rgb(3,239,219)

#dedc20

#dedc20
rgb(222,220,32)

#6fd5c3

#6fd5c3
rgb(111,213,195)

#6b2adb

#6b2adb
rgb(107,42,219)

#ad7060

#ad7060
rgb(173,112,96)

#37611b

#37611b
rgb(55,97,27)

#ae00ed

#ae00ed
rgb(174,0,237)

#62611d

#62611d
rgb(98,97,29)