Informação da cor #ff52c8

A cor hexadecimal ff52c8 no modelo de cores RGB (Red, Green, Blue), é um composta por 255 de vermelho, 82 de verde e 200 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 67.8% de magenta, 21.6% de amarelo e 0% de preto. Tem um ângulo de matiz de 319.1 graus, uma saturação de 100% e uma leveza de 66.1%.

A cor mais próxima WebSafe é FF3399.

Conversões de #ff52c8 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 ff52c8
RGB 255, 82, 200
RGB Percentagem 100%, 32.2%, 78.4%
CMYK 0, 0.68, 0.22, 0
HSL 319.1°, 100%, 66.1%
HSV (ou HSB) 319.1°, 67.8%, 100%
RYB 100, 32.2, 78.4
Formato Cor
XYZ 55.9, 33, 60.6
CIELab 64.19, 73.15, -26.27
Decimal 16732872
Yxy 31.4702, 0.3798, 0.2186
YUV 147.179, 157.8087, 204.9052
CIELuv 62.9025, 93.6679, -52.2086
Web Safe FF3399

Distribuição de #ff52c8

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.

#ff52c8

#ff52c8
rgb(255,82,200)

#52ff89

#52ff89
rgb(82,255,137)

Cores triadicas

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

#c9ff52

#c9ff52
rgb(201,255,82)

#ff52c8

#ff52c8
rgb(255,82,200)

#52c9ff

#52c9ff
rgb(82,201,255)

Cores tetrádicas

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

#ffe052

#ffe052
rgb(255,224,82)

#ff52c8

#ff52c8
rgb(255,82,200)

#52ff89

#52ff89
rgb(82,255,137)

#5272ff

#5272ff
rgb(82,114,255)

Cores monocromáticas

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

#ff52c8

#ff52c8
rgb(255,82,200)

#ffc8ee

#ffc8ee
rgb(255,200,238)

#ffc6ed

#ffc6ed
rgb(255,198,237)

#ffc3ec

#ffc3ec
rgb(255,195,236)

#ffc1eb

#ffc1eb
rgb(255,193,235)

#ffbeeb

#ffbeeb
rgb(255,190,235)

Tons e Matizes de #ff52c8

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

Matiz (adicionando branco)
#ff52c8

#ff52c8
rgb(255,82,200)

#ff74d3

#ff74d3
rgb(255,116,211)

#ff97de

#ff97de
rgb(255,151,222)

#ffb9e9

#ffb9e9
rgb(255,185,233)

#ffdcf4

#ffdcf4
rgb(255,220,244)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#ff52c8

#ff52c8
rgb(255,82,200)

#cc41a0

#cc41a0
rgb(204,65,160)

#993178

#993178
rgb(153,49,120)

#65204f

#65204f
rgb(101,32,79)

#321027

#321027
rgb(50,16,39)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #ff52c8

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

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

Contraste

Branco e #ff52c8
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 #ff52c8
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 #ff52c8

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

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

Este parágrafo tem fundo de cor #ff52c8.

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

Este elemento tem uma cor de borda de #ff52c8.

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

Cores alietórias

#ee5244

#ee5244
rgb(238,82,68)

#db855c

#db855c
rgb(219,133,92)

#c62df8

#c62df8
rgb(198,45,248)

#0314cf

#0314cf
rgb(3,20,207)

#8dc616

#8dc616
rgb(141,198,22)

#55b13a

#55b13a
rgb(85,177,58)

#fbfb71

#fbfb71
rgb(251,251,113)

#e30824

#e30824
rgb(227,8,36)

#98e152

#98e152
rgb(152,225,82)

#fd013e

#fd013e
rgb(253,1,62)

#537c3f

#537c3f
rgb(83,124,63)

#e19c5f

#e19c5f
rgb(225,156,95)