Informação da cor #4387fe

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

No padrão de cores CMYK, é composto por 73.6% de ciano, 46.9% de magenta, 0% de amarelo e 0.4% de preto. Tem um ângulo de matiz de 218.2 graus, uma saturação de 98.9% e uma leveza de 62.9%.

A cor mais próxima WebSafe é 3366CC.

Conversões de #4387fe 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 4387fe
RGB 67, 135, 254
RGB Percentagem 26.3%, 52.9%, 99.6%
CMYK 0.74, 0.47, 0, 0
HSL 218.2°, 98.9%, 62.9%
HSV (ou HSB) 218.2°, 73.6%, 99.6%
RYB 26.3, 45.9, 99.6
Formato Cor
XYZ 30.6, 28.2, 97.7
CIELab 60.05, 14.87, -61.75
Decimal 4425726
Yxy 25.6738, 0.1902, 0.1692
YUV 128.234, 198.974, 84.3239
CIELuv 57.7261, -25.6684, -105.6797
Web Safe 3366CC

Distribuição de #4387fe

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.

#4387fe

#4387fe
rgb(67,135,254)

#feba43

#feba43
rgb(254,186,67)

Cores triadicas

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

#fe4388

#fe4388
rgb(254,67,136)

#4387fe

#4387fe
rgb(67,135,254)

#88fe43

#88fe43
rgb(136,254,67)

Cores tetrádicas

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

#fe43e5

#fe43e5
rgb(254,67,229)

#4387fe

#4387fe
rgb(67,135,254)

#feba43

#feba43
rgb(254,186,67)

#43fe5d

#43fe5d
rgb(67,254,93)

Cores monocromáticas

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

#4387fe

#4387fe
rgb(67,135,254)

#c7dbfe

#c7dbfe
rgb(199,219,254)

#c5dafe

#c5dafe
rgb(197,218,254)

#c2d8fe

#c2d8fe
rgb(194,216,254)

#c0d7fe

#c0d7fe
rgb(192,215,254)

#bdd5fe

#bdd5fe
rgb(189,213,254)

Tons e Matizes de #4387fe

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

Matiz (adicionando branco)
#4387fe

#4387fe
rgb(67,135,254)

#689ffe

#689ffe
rgb(104,159,254)

#8eb7fe

#8eb7fe
rgb(142,183,254)

#b3cffe

#b3cffe
rgb(179,207,254)

#d9e7fe

#d9e7fe
rgb(217,231,254)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#4387fe

#4387fe
rgb(67,135,254)

#356ccb

#356ccb
rgb(53,108,203)

#285198

#285198
rgb(40,81,152)

#1a3565

#1a3565
rgb(26,53,101)

#0d1a32

#0d1a32
rgb(13,26,50)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #4387fe

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

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

Contraste

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

Preto e #4387fe
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 #4387fe

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

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

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

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

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

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

Cores alietórias

#ab9b81

#ab9b81
rgb(171,155,129)

#fca9c9

#fca9c9
rgb(252,169,201)

#8bc3ef

#8bc3ef
rgb(139,195,239)

#f8154c

#f8154c
rgb(248,21,76)

#96609c

#96609c
rgb(150,96,156)

#dbe677

#dbe677
rgb(219,230,119)

#b4976c

#b4976c
rgb(180,151,108)

#b7bdd3

#b7bdd3
rgb(183,189,211)

#f49f0d

#f49f0d
rgb(244,159,13)

#bfd5cf

#bfd5cf
rgb(191,213,207)

#60fc49

#60fc49
rgb(96,252,73)

#b5c54c

#b5c54c
rgb(181,197,76)