Informação da cor #4771fa

A cor hexadecimal 4771fa no modelo de cores RGB (Red, Green, Blue), é um composta por 71 de vermelho, 113 de verde e 250 de azul.

No padrão de cores CMYK, é composto por 71.6% de ciano, 54.8% de magenta, 0% de amarelo e 2% de preto. Tem um ângulo de matiz de 225.9 graus, uma saturação de 94.7% e uma leveza de 62.9%.

A cor mais próxima WebSafe é 3366CC.

Conversões de #4771fa 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 4771fa
RGB 71, 113, 250
RGB Percentagem 27.8%, 44.3%, 98%
CMYK 0.72, 0.55, 0, 0.02
HSL 225.9°, 94.7%, 62.9%
HSV (ou HSB) 225.9°, 71.6%, 98%
RYB 27.8, 41.6, 98
Formato Cor
XYZ 27.5, 22.3, 93.7
CIELab 54.38, 27.13, -68.84
Decimal 4682234
Yxy 20.0493, 0.1856, 0.1445
YUV 116.06, 203.5869, 95.8603
CIELuv 51.8929, -18.6577, -114.8394
Web Safe 3366CC

Distribuição de #4771fa

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.

#4771fa

#4771fa
rgb(71,113,250)

#fad147

#fad147
rgb(250,209,71)

Cores triadicas

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

#fa4771

#fa4771
rgb(250,71,113)

#4771fa

#4771fa
rgb(71,113,250)

#71fa47

#71fa47
rgb(113,250,71)

Cores tetrádicas

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

#fa47cb

#fa47cb
rgb(250,71,203)

#4771fa

#4771fa
rgb(71,113,250)

#fad147

#fad147
rgb(250,209,71)

#47fa77

#47fa77
rgb(71,250,119)

Cores monocromáticas

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

#4771fa

#4771fa
rgb(71,113,250)

#c4d1fa

#c4d1fa
rgb(196,209,250)

#c2cffa

#c2cffa
rgb(194,207,250)

#bfcdfa

#bfcdfa
rgb(191,205,250)

#bdcbfa

#bdcbfa
rgb(189,203,250)

#bac9fa

#bac9fa
rgb(186,201,250)

Tons e Matizes de #4771fa

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

Matiz (adicionando branco)
#4771fa

#4771fa
rgb(71,113,250)

#6b8dfb

#6b8dfb
rgb(107,141,251)

#90a9fc

#90a9fc
rgb(144,169,252)

#b5c6fd

#b5c6fd
rgb(181,198,253)

#dae2fe

#dae2fe
rgb(218,226,254)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#4771fa

#4771fa
rgb(71,113,250)

#385ac8

#385ac8
rgb(56,90,200)

#2a4396

#2a4396
rgb(42,67,150)

#1c2d63

#1c2d63
rgb(28,45,99)

#0e1631

#0e1631
rgb(14,22,49)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #4771fa

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

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

Contraste

Branco e #4771fa
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 #4771fa
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 #4771fa

Este exemplo mostra como o texto na cor #4771fa se parece.

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

Este parágrafo tem fundo de cor #4771fa.

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

Este elemento tem uma cor de borda de #4771fa.

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

Cores alietórias

#4e2104

#4e2104
rgb(78,33,4)

#7b8a7c

#7b8a7c
rgb(123,138,124)

#aa87d2

#aa87d2
rgb(170,135,210)

#0f0e49

#0f0e49
rgb(15,14,73)

#36ea63

#36ea63
rgb(54,234,99)

#c5b95c

#c5b95c
rgb(197,185,92)

#31c65b

#31c65b
rgb(49,198,91)

#c74791

#c74791
rgb(199,71,145)

#ee36f0

#ee36f0
rgb(238,54,240)

#5cce30

#5cce30
rgb(92,206,48)

#9bd36a

#9bd36a
rgb(155,211,106)

#7c57e6

#7c57e6
rgb(124,87,230)