Informação da cor #6314bf

A cor hexadecimal 6314bf no modelo de cores RGB (Red, Green, Blue), é um composta por 99 de vermelho, 20 de verde e 191 de azul.

No padrão de cores CMYK, é composto por 48.2% de ciano, 89.5% de magenta, 0% de amarelo e 25.1% de preto. Tem um ângulo de matiz de 267.7 graus, uma saturação de 81% e uma leveza de 41.4%.

A cor mais próxima WebSafe é 330099.

Conversões de #6314bf 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 6314bf
RGB 99, 20, 191
RGB Percentagem 38.8%, 7.8%, 74.9%
CMYK 0.48, 0.9, 0, 0.25
HSL 267.7°, 81%, 41.4%
HSV (ou HSB) 267.7°, 89.5%, 74.9%
RYB 38.8, 7.8, 74.9
Formato Cor
XYZ 16.4, 7.9, 52.7
CIELab 33.74, 64.12, -71.26
Decimal 6493375
Yxy 6.9141, 0.2068, 0.0966
YUV 63.115, 200.1699, 153.5956
CIELuv 31.6106, 9.4522, -97.0462
Web Safe 330099

Distribuição de #6314bf

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.

#6314bf

#6314bf
rgb(99,20,191)

#70bf14

#70bf14
rgb(112,191,20)

Cores triadicas

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

#bf6414

#bf6414
rgb(191,100,20)

#6314bf

#6314bf
rgb(99,20,191)

#14bf64

#14bf64
rgb(20,191,100)

Cores tetrádicas

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

#bf141b

#bf141b
rgb(191,20,27)

#6314bf

#6314bf
rgb(99,20,191)

#70bf14

#70bf14
rgb(112,191,20)

#14bfb9

#14bfb9
rgb(20,191,185)

Cores monocromáticas

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

#6314bf

#6314bf
rgb(99,20,191)

#a996bf

#a996bf
rgb(169,150,191)

#a894bf

#a894bf
rgb(168,148,191)

#a792bf

#a792bf
rgb(167,146,191)

#a690bf

#a690bf
rgb(166,144,191)

#a58ebf

#a58ebf
rgb(165,142,191)

Tons e Matizes de #6314bf

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

Matiz (adicionando branco)
#6314bf

#6314bf
rgb(99,20,191)

#8243cb

#8243cb
rgb(130,67,203)

#a172d8

#a172d8
rgb(161,114,216)

#c0a1e5

#c0a1e5
rgb(192,161,229)

#dfd0f2

#dfd0f2
rgb(223,208,242)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#6314bf

#6314bf
rgb(99,20,191)

#4f1098

#4f1098
rgb(79,16,152)

#3b0c72

#3b0c72
rgb(59,12,114)

#27074c

#27074c
rgb(39,7,76)

#130326

#130326
rgb(19,3,38)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #6314bf

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

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

Contraste

Branco e #6314bf
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 #6314bf
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 #6314bf

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

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

Este parágrafo tem fundo de cor #6314bf.

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

Este elemento tem uma cor de borda de #6314bf.

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

Cores alietórias

#5f5ad4

#5f5ad4
rgb(95,90,212)

#c3fecd

#c3fecd
rgb(195,254,205)

#0c5328

#0c5328
rgb(12,83,40)

#7326ea

#7326ea
rgb(115,38,234)

#4d44d9

#4d44d9
rgb(77,68,217)

#9b20c1

#9b20c1
rgb(155,32,193)

#0785c8

#0785c8
rgb(7,133,200)

#f6df75

#f6df75
rgb(246,223,117)

#9a35b3

#9a35b3
rgb(154,53,179)

#9c3123

#9c3123
rgb(156,49,35)

#95d26f

#95d26f
rgb(149,210,111)

#b0bf93

#b0bf93
rgb(176,191,147)