Informação da cor #71afc9

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

No padrão de cores CMYK, é composto por 43.8% de ciano, 12.9% de magenta, 0% de amarelo e 21.2% de preto. Tem um ângulo de matiz de 197.7 graus, uma saturação de 44.9% e uma leveza de 61.6%.

A cor mais próxima WebSafe é 669999.

Conversões de #71afc9 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 71afc9
RGB 113, 175, 201
RGB Percentagem 44.3%, 68.6%, 78.8%
CMYK 0.44, 0.13, 0, 0.21
HSL 197.7°, 44.9%, 61.6%
HSV (ou HSB) 197.7°, 43.8%, 78.8%
RYB 44.3, 58.8, 78.8
Formato Cor
XYZ 35.4, 41.4, 63.9
CIELab 70.45, -12.92, -18.4
Decimal 7450569
Yxy 38.3854, 0.2476, 0.2908
YUV 159.426, 151.4616, 94.8859
CIELuv 68.3037, -28.9835, -28.1763
Web Safe 669999

Distribuição de #71afc9

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.

#71afc9

#71afc9
rgb(113,175,201)

#c98b71

#c98b71
rgb(201,139,113)

Cores triadicas

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

#c971b0

#c971b0
rgb(201,113,176)

#71afc9

#71afc9
rgb(113,175,201)

#b0c971

#b0c971
rgb(176,201,113)

Cores tetrádicas

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

#b771c9

#b771c9
rgb(183,113,201)

#71afc9

#71afc9
rgb(113,175,201)

#c98b71

#c98b71
rgb(201,139,113)

#84c971

#84c971
rgb(132,201,113)

Cores monocromáticas

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

#71afc9

#71afc9
rgb(113,175,201)

#9ebdc9

#9ebdc9
rgb(158,189,201)

#9cbcc9

#9cbcc9
rgb(156,188,201)

#9abcc9

#9abcc9
rgb(154,188,201)

#98bbc9

#98bbc9
rgb(152,187,201)

#96bac9

#96bac9
rgb(150,186,201)

Tons e Matizes de #71afc9

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

Matiz (adicionando branco)
#71afc9

#71afc9
rgb(113,175,201)

#8dbfd3

#8dbfd3
rgb(141,191,211)

#a9cfde

#a9cfde
rgb(169,207,222)

#c6dfe9

#c6dfe9
rgb(198,223,233)

#e2eff4

#e2eff4
rgb(226,239,244)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#71afc9

#71afc9
rgb(113,175,201)

#5a8ca0

#5a8ca0
rgb(90,140,160)

#436978

#436978
rgb(67,105,120)

#2d4550

#2d4550
rgb(45,69,80)

#162228

#162228
rgb(22,34,40)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #71afc9

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#eb0584

#eb0584
rgb(235,5,132)

#2edb8f

#2edb8f
rgb(46,219,143)

#1a587a

#1a587a
rgb(26,88,122)

#78819f

#78819f
rgb(120,129,159)

#46c473

#46c473
rgb(70,196,115)

#1be4ce

#1be4ce
rgb(27,228,206)

#4efd41

#4efd41
rgb(78,253,65)

#eb8f20

#eb8f20
rgb(235,143,32)

#15a0a7

#15a0a7
rgb(21,160,167)

#4c4362

#4c4362
rgb(76,67,98)

#f14a31

#f14a31
rgb(241,74,49)

#103b0d

#103b0d
rgb(16,59,13)