Informação da cor #3967fe

A cor hexadecimal 3967fe no modelo de cores RGB (Red, Green, Blue), é um composta por 57 de vermelho, 103 de verde e 254 de azul.

No padrão de cores CMYK, é composto por 77.6% de ciano, 59.4% de magenta, 0% de amarelo e 0.4% de preto. Tem um ângulo de matiz de 226 graus, uma saturação de 99% e uma leveza de 61%.

A cor mais próxima WebSafe é 3366CC.

Conversões de #3967fe 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 3967fe
RGB 57, 103, 254
RGB Percentagem 22.4%, 40.4%, 99.6%
CMYK 0.78, 0.59, 0, 0
HSL 226°, 99%, 61%
HSV (ou HSB) 226°, 77.6%, 99.6%
RYB 22.4, 37.3, 99.6
Formato Cor
XYZ 25.8, 19.8, 96.3
CIELab 51.56, 32.68, -75.48
Decimal 3762174
Yxy 17.7233, 0.1769, 0.1284
YUV 106.46, 211.2619, 92.7219
CIELuv 49.1587, -18.4131, -122.9086
Web Safe 3366CC

Distribuição de #3967fe

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.

#3967fe

#3967fe
rgb(57,103,254)

#fed03a

#fed03a
rgb(254,208,58)

Cores triadicas

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

#fe3a68

#fe3a68
rgb(254,58,104)

#3967fe

#3967fe
rgb(57,103,254)

#68fe3a

#68fe3a
rgb(104,254,58)

Cores tetrádicas

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

#fe3aca

#fe3aca
rgb(254,58,202)

#3967fe

#3967fe
rgb(57,103,254)

#fed03a

#fed03a
rgb(254,208,58)

#3afe6e

#3afe6e
rgb(58,254,110)

Cores monocromáticas

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

#3967fe

#3967fe
rgb(57,103,254)

#c7d4fe

#c7d4fe
rgb(199,212,254)

#c5d2fe

#c5d2fe
rgb(197,210,254)

#c2d0fe

#c2d0fe
rgb(194,208,254)

#c0cefe

#c0cefe
rgb(192,206,254)

#bdccfe

#bdccfe
rgb(189,204,254)

Tons e Matizes de #3967fe

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

Matiz (adicionando branco)
#3967fe

#3967fe
rgb(57,103,254)

#6085fe

#6085fe
rgb(96,133,254)

#88a3fe

#88a3fe
rgb(136,163,254)

#afc2fe

#afc2fe
rgb(175,194,254)

#d7e0fe

#d7e0fe
rgb(215,224,254)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#3967fe

#3967fe
rgb(57,103,254)

#2d52cb

#2d52cb
rgb(45,82,203)

#223d98

#223d98
rgb(34,61,152)

#162965

#162965
rgb(22,41,101)

#0b1432

#0b1432
rgb(11,20,50)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #3967fe

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

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

Contraste

Branco e #3967fe
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 #3967fe
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 #3967fe

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

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

Este parágrafo tem fundo de cor #3967fe.

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

Este elemento tem uma cor de borda de #3967fe.

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

Cores alietórias

#1b1da1

#1b1da1
rgb(27,29,161)

#4adb40

#4adb40
rgb(74,219,64)

#2f8813

#2f8813
rgb(47,136,19)

#8ad946

#8ad946
rgb(138,217,70)

#4bc858

#4bc858
rgb(75,200,88)

#090061

#090061
rgb(9,0,97)

#799683

#799683
rgb(121,150,131)

#3233de

#3233de
rgb(50,51,222)

#5b2fc9

#5b2fc9
rgb(91,47,201)

#e4912f

#e4912f
rgb(228,145,47)

#acc070

#acc070
rgb(172,192,112)

#c6688f

#c6688f
rgb(198,104,143)