Informação da cor #571ec9

A cor hexadecimal 571ec9 no modelo de cores RGB (Red, Green, Blue), é um composta por 87 de vermelho, 30 de verde e 201 de azul.

No padrão de cores CMYK, é composto por 56.7% de ciano, 85.1% de magenta, 0% de amarelo e 21.2% de preto. Tem um ângulo de matiz de 260 graus, uma saturação de 74% e uma leveza de 45.3%.

A cor mais próxima WebSafe é 330099.

Conversões de #571ec9 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 571ec9
RGB 87, 30, 201
RGB Percentagem 34.1%, 11.8%, 78.8%
CMYK 0.57, 0.85, 0, 0.21
HSL 260°, 74%, 45.3%
HSV (ou HSB) 260°, 85.1%, 78.8%
RYB 34.1, 11.8, 78.8
Formato Cor
XYZ 16.5, 8.2, 58.5
CIELab 34.41, 61.47, -75.67
Decimal 5709513
Yxy 7.171, 0.1916, 0.092
YUV 66.537, 203.882, 142.5956
CIELuv 32.1931, 3.4011, -102.875
Web Safe 330099

Distribuição de #571ec9

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.

#571ec9

#571ec9
rgb(87,30,201)

#90c91e

#90c91e
rgb(144,201,30)

Cores triadicas

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

#c9571e

#c9571e
rgb(201,87,30)

#571ec9

#571ec9
rgb(87,30,201)

#1ec958

#1ec958
rgb(30,201,88)

Cores tetrádicas

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

#c91e3b

#c91e3b
rgb(201,30,59)

#571ec9

#571ec9
rgb(87,30,201)

#90c91e

#90c91e
rgb(144,201,30)

#1ec9ad

#1ec9ad
rgb(30,201,173)

Cores monocromáticas

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

#571ec9

#571ec9
rgb(87,30,201)

#ac9ec9

#ac9ec9
rgb(172,158,201)

#ab9cc9

#ab9cc9
rgb(171,156,201)

#aa9ac9

#aa9ac9
rgb(170,154,201)

#a898c9

#a898c9
rgb(168,152,201)

#a796c9

#a796c9
rgb(167,150,201)

Tons e Matizes de #571ec9

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

Matiz (adicionando branco)
#571ec9

#571ec9
rgb(87,30,201)

#784bd3

#784bd3
rgb(120,75,211)

#9a78de

#9a78de
rgb(154,120,222)

#bba5e9

#bba5e9
rgb(187,165,233)

#ddd2f4

#ddd2f4
rgb(221,210,244)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#571ec9

#571ec9
rgb(87,30,201)

#4518a0

#4518a0
rgb(69,24,160)

#341278

#341278
rgb(52,18,120)

#220b50

#220b50
rgb(34,11,80)

#110528

#110528
rgb(17,5,40)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #571ec9

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

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

Contraste

Branco e #571ec9
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.

Preto e #571ec9
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.

Exemplos CSS

Texto com cor hexadecimal #571ec9

Este exemplo mostra como o texto na cor #571ec9 se parece.

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

Este parágrafo tem fundo de cor #571ec9.

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

Este elemento tem uma cor de borda de #571ec9.

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

Cores alietórias

#9781fd

#9781fd
rgb(151,129,253)

#efcb4a

#efcb4a
rgb(239,203,74)

#35533d

#35533d
rgb(53,83,61)

#d9daab

#d9daab
rgb(217,218,171)

#0d982c

#0d982c
rgb(13,152,44)

#27defb

#27defb
rgb(39,222,251)

#60f879

#60f879
rgb(96,248,121)

#79f5a1

#79f5a1
rgb(121,245,161)

#50023a

#50023a
rgb(80,2,58)

#7d074b

#7d074b
rgb(125,7,75)

#6bd9c0

#6bd9c0
rgb(107,217,192)

#ba3ac3

#ba3ac3
rgb(186,58,195)