Informação da cor #54247f

A cor hexadecimal 54247f no modelo de cores RGB (Red, Green, Blue), é um composta por 84 de vermelho, 36 de verde e 127 de azul.

No padrão de cores CMYK, é composto por 33.9% de ciano, 71.7% de magenta, 0% de amarelo e 50.2% de preto. Tem um ângulo de matiz de 271.7 graus, uma saturação de 55.8% e uma leveza de 32%.

A cor mais próxima WebSafe é 330066.

Conversões de #54247f 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 54247f
RGB 84, 36, 127
RGB Percentagem 32.9%, 14.1%, 49.8%
CMYK 0.34, 0.72, 0, 0.5
HSL 271.7°, 55.8%, 32%
HSV (ou HSB) 271.7°, 71.7%, 49.8%
RYB 32.9, 14.1, 49.8
Formato Cor
XYZ 9.7, 5.8, 23.5
CIELab 28.94, 40.06, -42.4
Decimal 5514367
Yxy 4.6789, 0.2434, 0.1403
YUV 60.726, 165.4007, 144.6006
CIELuv 25.7997, 11.4551, -56.1598
Web Safe 330066

Distribuição de #54247f

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.

#54247f

#54247f
rgb(84,36,127)

#507f24

#507f24
rgb(80,127,36)

Cores triadicas

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

#7f5424

#7f5424
rgb(127,84,36)

#54247f

#54247f
rgb(84,36,127)

#247f54

#247f54
rgb(36,127,84)

Cores tetrádicas

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

#7f2724

#7f2724
rgb(127,39,36)

#54247f

#54247f
rgb(84,36,127)

#507f24

#507f24
rgb(80,127,36)

#247d7f

#247d7f
rgb(36,125,127)

Cores monocromáticas

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

#54247f

#54247f
rgb(84,36,127)

#72647f

#72647f
rgb(114,100,127)

#72637f

#72637f
rgb(114,99,127)

#71617f

#71617f
rgb(113,97,127)

#71607f

#71607f
rgb(113,96,127)

#705f7f

#705f7f
rgb(112,95,127)

Tons e Matizes de #54247f

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

Matiz (adicionando branco)
#54247f

#54247f
rgb(84,36,127)

#764f98

#764f98
rgb(118,79,152)

#987bb2

#987bb2
rgb(152,123,178)

#baa7cb

#baa7cb
rgb(186,167,203)

#dcd3e5

#dcd3e5
rgb(220,211,229)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#54247f

#54247f
rgb(84,36,127)

#431c65

#431c65
rgb(67,28,101)

#32154c

#32154c
rgb(50,21,76)

#210e32

#210e32
rgb(33,14,50)

#100719

#100719
rgb(16,7,25)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #54247f

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

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

Contraste

Branco e #54247f
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 #54247f
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 #54247f

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

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

Este parágrafo tem fundo de cor #54247f.

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

Este elemento tem uma cor de borda de #54247f.

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

Cores alietórias

#aefbca

#aefbca
rgb(174,251,202)

#089b49

#089b49
rgb(8,155,73)

#5acb0d

#5acb0d
rgb(90,203,13)

#13bca4

#13bca4
rgb(19,188,164)

#e45639

#e45639
rgb(228,86,57)

#6ab36a

#6ab36a
rgb(106,179,106)

#453c79

#453c79
rgb(69,60,121)

#0316ab

#0316ab
rgb(3,22,171)

#639ed0

#639ed0
rgb(99,158,208)

#bc944e

#bc944e
rgb(188,148,78)

#664e20

#664e20
rgb(102,78,32)

#98cb1a

#98cb1a
rgb(152,203,26)