Informação da cor #882bd2

A cor hexadecimal 882bd2 no modelo de cores RGB (Red, Green, Blue), é um composta por 136 de vermelho, 43 de verde e 210 de azul.

No padrão de cores CMYK, é composto por 35.2% de ciano, 79.5% de magenta, 0% de amarelo e 17.6% de preto. Tem um ângulo de matiz de 273.4 graus, uma saturação de 66% e uma leveza de 49.6%.

A cor mais próxima WebSafe é 6600CC.

Conversões de #882bd2 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 882bd2
RGB 136, 43, 210
RGB Percentagem 53.3%, 16.9%, 82.4%
CMYK 0.35, 0.8, 0, 0.18
HSL 273.4°, 66%, 49.6%
HSV (ou HSB) 273.4°, 79.5%, 82.4%
RYB 53.3, 16.9, 82.4
Formato Cor
XYZ 24.7, 13.1, 64.5
CIELab 42.86, 65.16, -66.45
Decimal 8924114
Yxy 11.6152, 0.2352, 0.1207
YUV 89.845, 195.8076, 160.9209
CIELuv 40.5979, 20.4493, -103.0871
Web Safe 6600CC

Distribuição de #882bd2

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.

#882bd2

#882bd2
rgb(136,43,210)

#75d22b

#75d22b
rgb(117,210,43)

Cores triadicas

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

#d2892b

#d2892b
rgb(210,137,43)

#882bd2

#882bd2
rgb(136,43,210)

#2bd289

#2bd289
rgb(43,210,137)

Cores tetrádicas

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

#d2352b

#d2352b
rgb(210,53,43)

#882bd2

#882bd2
rgb(136,43,210)

#75d22b

#75d22b
rgb(117,210,43)

#2bc9d2

#2bc9d2
rgb(43,201,210)

Cores monocromáticas

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

#882bd2

#882bd2
rgb(136,43,210)

#bea5d2

#bea5d2
rgb(190,165,210)

#bda3d2

#bda3d2
rgb(189,163,210)

#bca1d2

#bca1d2
rgb(188,161,210)

#bb9ed2

#bb9ed2
rgb(187,158,210)

#ba9cd2

#ba9cd2
rgb(186,156,210)

Tons e Matizes de #882bd2

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

Matiz (adicionando branco)
#882bd2

#882bd2
rgb(136,43,210)

#9f55db

#9f55db
rgb(159,85,219)

#b77fe4

#b77fe4
rgb(183,127,228)

#cfaaed

#cfaaed
rgb(207,170,237)

#e7d4f6

#e7d4f6
rgb(231,212,246)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#882bd2

#882bd2
rgb(136,43,210)

#6c22a8

#6c22a8
rgb(108,34,168)

#51197e

#51197e
rgb(81,25,126)

#361153

#361153
rgb(54,17,83)

#1b0829

#1b0829
rgb(27,8,41)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #882bd2

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

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

Contraste

Branco e #882bd2
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ 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 #882bd2
Texto grande WCAG AA ✓ 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 #882bd2

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

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

Este parágrafo tem fundo de cor #882bd2.

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

Este elemento tem uma cor de borda de #882bd2.

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

Cores alietórias

#a01b2f

#a01b2f
rgb(160,27,47)

#2e8ca6

#2e8ca6
rgb(46,140,166)

#76274e

#76274e
rgb(118,39,78)

#feddc1

#feddc1
rgb(254,221,193)

#3d403b

#3d403b
rgb(61,64,59)

#86dfbc

#86dfbc
rgb(134,223,188)

#ed87f9

#ed87f9
rgb(237,135,249)

#037e17

#037e17
rgb(3,126,23)

#ba232f

#ba232f
rgb(186,35,47)

#be3ec5

#be3ec5
rgb(190,62,197)

#9f6f8d

#9f6f8d
rgb(159,111,141)

#fd06d8

#fd06d8
rgb(253,6,216)