Informação da cor #ff53d9

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

No padrão de cores CMYK, é composto por 0% de ciano, 67.5% de magenta, 14.9% de amarelo e 0% de preto. Tem um ângulo de matiz de 313.3 graus, uma saturação de 100% e uma leveza de 66.3%.

A cor mais próxima WebSafe é FF33CC.

Conversões de #ff53d9 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 ff53d9
RGB 255, 83, 217
RGB Percentagem 100%, 32.5%, 85.1%
CMYK 0, 0.67, 0.15, 0
HSL 313.3°, 100%, 66.3%
HSV (ou HSB) 313.3°, 67.5%, 100%
RYB 100, 32.5, 85.1
Formato Cor
XYZ 57.9, 34, 71.2
CIELab 64.97, 74.95, -33.97
Decimal 16733145
Yxy 32.4614, 0.3594, 0.2052
YUV 149.704, 165.9774, 203.1042
CIELuv 63.7224, 87.1541, -65.4874
Web Safe FF33CC

Distribuição de #ff53d9

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.

#ff53d9

#ff53d9
rgb(255,83,217)

#53ff79

#53ff79
rgb(83,255,121)

Cores triadicas

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

#daff53

#daff53
rgb(218,255,83)

#ff53d9

#ff53d9
rgb(255,83,217)

#53daff

#53daff
rgb(83,218,255)

Cores tetrádicas

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

#ffcf53

#ffcf53
rgb(255,207,83)

#ff53d9

#ff53d9
rgb(255,83,217)

#53ff79

#53ff79
rgb(83,255,121)

#5384ff

#5384ff
rgb(83,132,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.

#ff53d9

#ff53d9
rgb(255,83,217)

#ffc8f3

#ffc8f3
rgb(255,200,243)

#ffc6f3

#ffc6f3
rgb(255,198,243)

#ffc3f2

#ffc3f2
rgb(255,195,242)

#ffc1f2

#ffc1f2
rgb(255,193,242)

#ffbef1

#ffbef1
rgb(255,190,241)

Tons e Matizes de #ff53d9

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

Matiz (adicionando branco)
#ff53d9

#ff53d9
rgb(255,83,217)

#ff75e0

#ff75e0
rgb(255,117,224)

#ff97e8

#ff97e8
rgb(255,151,232)

#ffbaef

#ffbaef
rgb(255,186,239)

#ffdcf7

#ffdcf7
rgb(255,220,247)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#ff53d9

#ff53d9
rgb(255,83,217)

#cc42ad

#cc42ad
rgb(204,66,173)

#993182

#993182
rgb(153,49,130)

#652156

#652156
rgb(101,33,86)

#32102b

#32102b
rgb(50,16,43)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #ff53d9

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #ff53d9.

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

Este elemento tem uma cor de borda de #ff53d9.

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

Cores alietórias

#1ca379

#1ca379
rgb(28,163,121)

#bb896a

#bb896a
rgb(187,137,106)

#722c30

#722c30
rgb(114,44,48)

#9b51c3

#9b51c3
rgb(155,81,195)

#3df4a7

#3df4a7
rgb(61,244,167)

#e60d04

#e60d04
rgb(230,13,4)

#c05164

#c05164
rgb(192,81,100)

#79c341

#79c341
rgb(121,195,65)

#f19021

#f19021
rgb(241,144,33)

#cdc925

#cdc925
rgb(205,201,37)

#05d26e

#05d26e
rgb(5,210,110)

#8d9a50

#8d9a50
rgb(141,154,80)