Informação da cor #5228d7

A cor hexadecimal 5228d7 no modelo de cores RGB (Red, Green, Blue), é um composta por 82 de vermelho, 40 de verde e 215 de azul.

No padrão de cores CMYK, é composto por 61.9% de ciano, 81.4% de magenta, 0% de amarelo e 15.7% de preto. Tem um ângulo de matiz de 254.4 graus, uma saturação de 68.6% e uma leveza de 50%.

A cor mais próxima WebSafe é 3300CC.

Conversões de #5228d7 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 5228d7
RGB 82, 40, 215
RGB Percentagem 32.2%, 15.7%, 84.3%
CMYK 0.62, 0.81, 0, 0.16
HSL 254.4°, 68.6%, 50%
HSV (ou HSB) 254.4°, 81.4%, 84.3%
RYB 32.2, 15.7, 84.3
Formato Cor
XYZ 18, 9.4, 67.3
CIELab 36.67, 60.03, -79.5
Decimal 5384407
Yxy 8.2165, 0.1839, 0.0916
YUV 72.508, 208.4131, 134.7704
CIELuv 34.4298, -0.2955, -110.7396
Web Safe 3300CC

Distribuição de #5228d7

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.

#5228d7

#5228d7
rgb(82,40,215)

#aed728

#aed728
rgb(174,215,40)

Cores triadicas

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

#d75228

#d75228
rgb(215,82,40)

#5228d7

#5228d7
rgb(82,40,215)

#28d752

#28d752
rgb(40,215,82)

Cores tetrádicas

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

#d72856

#d72856
rgb(215,40,86)

#5228d7

#5228d7
rgb(82,40,215)

#aed728

#aed728
rgb(174,215,40)

#28d7aa

#28d7aa
rgb(40,215,170)

Cores monocromáticas

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

#5228d7

#5228d7
rgb(82,40,215)

#b4a9d7

#b4a9d7
rgb(180,169,215)

#b2a6d7

#b2a6d7
rgb(178,166,215)

#b1a4d7

#b1a4d7
rgb(177,164,215)

#afa2d7

#afa2d7
rgb(175,162,215)

#ada0d7

#ada0d7
rgb(173,160,215)

Tons e Matizes de #5228d7

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

Matiz (adicionando branco)
#5228d7

#5228d7
rgb(82,40,215)

#7453df

#7453df
rgb(116,83,223)

#977ee7

#977ee7
rgb(151,126,231)

#b9a9ef

#b9a9ef
rgb(185,169,239)

#dcd4f7

#dcd4f7
rgb(220,212,247)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5228d7

#5228d7
rgb(82,40,215)

#4120ac

#4120ac
rgb(65,32,172)

#311881

#311881
rgb(49,24,129)

#200f55

#200f55
rgb(32,15,85)

#10072a

#10072a
rgb(16,7,42)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5228d7

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

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

Contraste

Branco e #5228d7
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 #5228d7
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 #5228d7

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

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

Este parágrafo tem fundo de cor #5228d7.

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

Este elemento tem uma cor de borda de #5228d7.

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

Cores alietórias

#cbb185

#cbb185
rgb(203,177,133)

#153601

#153601
rgb(21,54,1)

#3e9d2a

#3e9d2a
rgb(62,157,42)

#9183ea

#9183ea
rgb(145,131,234)

#2394f3

#2394f3
rgb(35,148,243)

#2051f9

#2051f9
rgb(32,81,249)

#3dd0af

#3dd0af
rgb(61,208,175)

#55abb0

#55abb0
rgb(85,171,176)

#98efee

#98efee
rgb(152,239,238)

#a68c56

#a68c56
rgb(166,140,86)

#bebf7e

#bebf7e
rgb(190,191,126)

#1817b5

#1817b5
rgb(24,23,181)