Informação da cor #3968f9

A cor hexadecimal 3968f9 no modelo de cores RGB (Red, Green, Blue), é um composta por 57 de vermelho, 104 de verde e 249 de azul.

No padrão de cores CMYK, é composto por 77.1% de ciano, 58.2% de magenta, 0% de amarelo e 2.4% de preto. Tem um ângulo de matiz de 225.3 graus, uma saturação de 94.1% e uma leveza de 60%.

A cor mais próxima WebSafe é 3366CC.

Conversões de #3968f9 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 3968f9
RGB 57, 104, 249
RGB Percentagem 22.4%, 40.8%, 97.6%
CMYK 0.77, 0.58, 0, 0.02
HSL 225.3°, 94.1%, 60%
HSV (ou HSB) 225.3°, 77.1%, 97.7%
RYB 22.4, 37.3, 97.6
Formato Cor
XYZ 25.2, 19.7, 92.5
CIELab 51.47, 30.44, -73.07
Decimal 3762425
Yxy 17.6073, 0.1783, 0.1323
YUV 106.477, 208.4306, 92.7098
CIELuv 49.0163, -18.65, -119.1062
Web Safe 3366CC

Distribuição de #3968f9

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.

#3968f9

#3968f9
rgb(57,104,249)

#f9ca39

#f9ca39
rgb(249,202,57)

Cores triadicas

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

#f93969

#f93969
rgb(249,57,105)

#3968f9

#3968f9
rgb(57,104,249)

#68f939

#68f939
rgb(104,249,57)

Cores tetrádicas

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

#f939c9

#f939c9
rgb(249,57,201)

#3968f9

#3968f9
rgb(57,104,249)

#f9ca39

#f9ca39
rgb(249,202,57)

#39f96b

#39f96b
rgb(57,249,107)

Cores monocromáticas

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

#3968f9

#3968f9
rgb(57,104,249)

#c3d1f9

#c3d1f9
rgb(195,209,249)

#c1cff9

#c1cff9
rgb(193,207,249)

#becdf9

#becdf9
rgb(190,205,249)

#bccbf9

#bccbf9
rgb(188,203,249)

#b9c9f9

#b9c9f9
rgb(185,201,249)

Tons e Matizes de #3968f9

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

Matiz (adicionando branco)
#3968f9

#3968f9
rgb(57,104,249)

#6086fa

#6086fa
rgb(96,134,250)

#88a4fb

#88a4fb
rgb(136,164,251)

#afc2fc

#afc2fc
rgb(175,194,252)

#d7e0fd

#d7e0fd
rgb(215,224,253)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#3968f9

#3968f9
rgb(57,104,249)

#2d53c7

#2d53c7
rgb(45,83,199)

#223e95

#223e95
rgb(34,62,149)

#162963

#162963
rgb(22,41,99)

#0b1431

#0b1431
rgb(11,20,49)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #3968f9

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

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

Contraste

Branco e #3968f9
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 #3968f9
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 #3968f9

Este exemplo mostra como o texto na cor #3968f9 se parece.

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

Este parágrafo tem fundo de cor #3968f9.

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

Este elemento tem uma cor de borda de #3968f9.

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

Cores alietórias

#4d9559

#4d9559
rgb(77,149,89)

#475f0c

#475f0c
rgb(71,95,12)

#aa5a66

#aa5a66
rgb(170,90,102)

#b23d03

#b23d03
rgb(178,61,3)

#4f649f

#4f649f
rgb(79,100,159)

#a1d7c7

#a1d7c7
rgb(161,215,199)

#7bf496

#7bf496
rgb(123,244,150)

#361cd0

#361cd0
rgb(54,28,208)

#c63bdc

#c63bdc
rgb(198,59,220)

#7e8d23

#7e8d23
rgb(126,141,35)

#793a28

#793a28
rgb(121,58,40)

#256dd0

#256dd0
rgb(37,109,208)