Informação da cor #645afc

A cor hexadecimal 645afc no modelo de cores RGB (Red, Green, Blue), é um composta por 100 de vermelho, 90 de verde e 252 de azul.

No padrão de cores CMYK, é composto por 60.3% de ciano, 64.3% de magenta, 0% de amarelo e 1.2% de preto. Tem um ângulo de matiz de 243.7 graus, uma saturação de 96.4% e uma leveza de 67.1%.

A cor mais próxima WebSafe é 3333CC.

Conversões de #645afc 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 645afc
RGB 100, 90, 252
RGB Percentagem 39.2%, 35.3%, 98.8%
CMYK 0.6, 0.64, 0, 0.01
HSL 243.7°, 96.4%, 67.1%
HSV (ou HSB) 243.7°, 64.3%, 98.8%
RYB 39.2, 35.3, 98.8
Formato Cor
XYZ 28.3, 19.1, 94.5
CIELab 50.81, 45.79, -75.58
Decimal 6576892
Yxy 17.0479, 0.1926, 0.124
YUV 111.458, 207.3126, 119.8275
CIELuv 48.3204, -6.3435, -123.3393
Web Safe 3333CC

Distribuição de #645afc

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.

#645afc

#645afc
rgb(100,90,252)

#f2fc5b

#f2fc5b
rgb(242,252,91)

Cores triadicas

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

#fc655b

#fc655b
rgb(252,101,91)

#645afc

#645afc
rgb(100,90,252)

#5bfc65

#5bfc65
rgb(91,252,101)

Cores tetrádicas

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

#fc5ba1

#fc5ba1
rgb(252,91,161)

#645afc

#645afc
rgb(100,90,252)

#f2fc5b

#f2fc5b
rgb(242,252,91)

#5bfcb6

#5bfcb6
rgb(91,252,182)

Cores monocromáticas

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

#645afc

#645afc
rgb(100,90,252)

#c9c6fc

#c9c6fc
rgb(201,198,252)

#c7c3fc

#c7c3fc
rgb(199,195,252)

#c5c1fc

#c5c1fc
rgb(197,193,252)

#c2befc

#c2befc
rgb(194,190,252)

#c0bcfc

#c0bcfc
rgb(192,188,252)

Tons e Matizes de #645afc

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

Matiz (adicionando branco)
#645afc

#645afc
rgb(100,90,252)

#837bfc

#837bfc
rgb(131,123,252)

#a29cfd

#a29cfd
rgb(162,156,253)

#c1bdfd

#c1bdfd
rgb(193,189,253)

#e0defe

#e0defe
rgb(224,222,254)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#645afc

#645afc
rgb(100,90,252)

#5048c9

#5048c9
rgb(80,72,201)

#3c3697

#3c3697
rgb(60,54,151)

#272364

#272364
rgb(39,35,100)

#131132

#131132
rgb(19,17,50)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #645afc

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

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

Contraste

Branco e #645afc
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 #645afc
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 #645afc

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

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

Este parágrafo tem fundo de cor #645afc.

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

Este elemento tem uma cor de borda de #645afc.

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

Cores alietórias

#3ff223

#3ff223
rgb(63,242,35)

#3baa16

#3baa16
rgb(59,170,22)

#98a7c0

#98a7c0
rgb(152,167,192)

#7f6f64

#7f6f64
rgb(127,111,100)

#c241d5

#c241d5
rgb(194,65,213)

#2ab8be

#2ab8be
rgb(42,184,190)

#c73421

#c73421
rgb(199,52,33)

#531011

#531011
rgb(83,16,17)

#1c0e3d

#1c0e3d
rgb(28,14,61)

#d36b2d

#d36b2d
rgb(211,107,45)

#cece22

#cece22
rgb(206,206,34)

#0a0897

#0a0897
rgb(10,8,151)