Informação da cor #71a7ec

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

No padrão de cores CMYK, é composto por 52.1% de ciano, 29.2% de magenta, 0% de amarelo e 7.5% de preto. Tem um ângulo de matiz de 213.7 graus, uma saturação de 76.4% e uma leveza de 68.4%.

A cor mais próxima WebSafe é 6699CC.

Conversões de #71a7ec 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 71a7ec
RGB 113, 167, 236
RGB Percentagem 44.3%, 65.5%, 92.5%
CMYK 0.52, 0.29, 0, 0.07
HSL 213.7°, 76.4%, 68.4%
HSV (ou HSB) 213.7°, 52.1%, 92.6%
RYB 44.3, 59.2, 92.5
Formato Cor
XYZ 38.2, 40.1, 86.3
CIELab 69.57, 0.26, -37.52
Decimal 7448556
Yxy 37.2015, 0.2269, 0.236
YUV 158.72, 171.6117, 95.3895
CIELuv 67.428, -25.4922, -64.3112
Web Safe 6699CC

Distribuição de #71a7ec

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.

#71a7ec

#71a7ec
rgb(113,167,236)

#ecb772

#ecb772
rgb(236,183,114)

Cores triadicas

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

#ec72a7

#ec72a7
rgb(236,114,167)

#71a7ec

#71a7ec
rgb(113,167,236)

#a7ec72

#a7ec72
rgb(167,236,114)

Cores tetrádicas

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

#ec72e5

#ec72e5
rgb(236,114,229)

#71a7ec

#71a7ec
rgb(113,167,236)

#ecb772

#ecb772
rgb(236,183,114)

#72ec79

#72ec79
rgb(114,236,121)

Cores monocromáticas

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

#71a7ec

#71a7ec
rgb(113,167,236)

#bad0ec

#bad0ec
rgb(186,208,236)

#b7cfec

#b7cfec
rgb(183,207,236)

#b5cdec

#b5cdec
rgb(181,205,236)

#b3ccec

#b3ccec
rgb(179,204,236)

#b0cbec

#b0cbec
rgb(176,203,236)

Tons e Matizes de #71a7ec

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

Matiz (adicionando branco)
#71a7ec

#71a7ec
rgb(113,167,236)

#8db8ef

#8db8ef
rgb(141,184,239)

#a9caf3

#a9caf3
rgb(169,202,243)

#c6dbf7

#c6dbf7
rgb(198,219,247)

#e2edfb

#e2edfb
rgb(226,237,251)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#71a7ec

#71a7ec
rgb(113,167,236)

#5a85bc

#5a85bc
rgb(90,133,188)

#43648d

#43648d
rgb(67,100,141)

#2d425e

#2d425e
rgb(45,66,94)

#16212f

#16212f
rgb(22,33,47)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #71a7ec

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

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

Contraste

Branco e #71a7ec
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.

Preto e #71a7ec
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.

Exemplos CSS

Texto com cor hexadecimal #71a7ec

Este exemplo mostra como o texto na cor #71a7ec se parece.

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

Este parágrafo tem fundo de cor #71a7ec.

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

Este elemento tem uma cor de borda de #71a7ec.

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

Cores alietórias

#5a5980

#5a5980
rgb(90,89,128)

#44f456

#44f456
rgb(68,244,86)

#0d9df5

#0d9df5
rgb(13,157,245)

#2f9c35

#2f9c35
rgb(47,156,53)

#0f40a5

#0f40a5
rgb(15,64,165)

#5feedd

#5feedd
rgb(95,238,221)

#1c2864

#1c2864
rgb(28,40,100)

#34ac25

#34ac25
rgb(52,172,37)

#993f38

#993f38
rgb(153,63,56)

#1ccd9b

#1ccd9b
rgb(28,205,155)

#5c1712

#5c1712
rgb(92,23,18)

#ad28f0

#ad28f0
rgb(173,40,240)