Informação da cor #83386b

A cor hexadecimal 83386b no modelo de cores RGB (Red, Green, Blue), é um composta por 131 de vermelho, 56 de verde e 107 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 57.3% de magenta, 18.3% de amarelo e 48.6% de preto. Tem um ângulo de matiz de 319.2 graus, uma saturação de 40.1% e uma leveza de 36.7%.

A cor mais próxima WebSafe é 663366.

Conversões de #83386b 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 83386b
RGB 131, 56, 107
RGB Percentagem 51.4%, 22%, 42%
CMYK 0, 0.57, 0.18, 0.49
HSL 319.2°, 40.1%, 36.7%
HSV (ou HSB) 319.2°, 57.3%, 51.4%
RYB 51.4, 22, 42
Formato Cor
XYZ 15.6, 10.4, 17.5
CIELab 38.56, 38.31, -14.68
Decimal 8599659
Yxy 8.7163, 0.3627, 0.2354
YUV 84.239, 140.8448, 161.3531
CIELuv 35.4322, 39.9035, -24.3566
Web Safe 663366

Distribuição de #83386b

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.

#83386b

#83386b
rgb(131,56,107)

#388351

#388351
rgb(56,131,81)

Cores triadicas

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

#6b8338

#6b8338
rgb(107,131,56)

#83386b

#83386b
rgb(131,56,107)

#386b83

#386b83
rgb(56,107,131)

Cores tetrádicas

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

#837638

#837638
rgb(131,118,56)

#83386b

#83386b
rgb(131,56,107)

#388351

#388351
rgb(56,131,81)

#384683

#384683
rgb(56,70,131)

Cores monocromáticas

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

#83386b

#83386b
rgb(131,56,107)

#83677a

#83677a
rgb(131,103,122)

#83667a

#83667a
rgb(131,102,122)

#83657a

#83657a
rgb(131,101,122)

#836379

#836379
rgb(131,99,121)

#836279

#836279
rgb(131,98,121)

Tons e Matizes de #83386b

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

Matiz (adicionando branco)
#83386b

#83386b
rgb(131,56,107)

#9b5f88

#9b5f88
rgb(155,95,136)

#b487a6

#b487a6
rgb(180,135,166)

#cdafc3

#cdafc3
rgb(205,175,195)

#e6d7e1

#e6d7e1
rgb(230,215,225)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#83386b

#83386b
rgb(131,56,107)

#682c55

#682c55
rgb(104,44,85)

#4e2140

#4e2140
rgb(78,33,64)

#34162a

#34162a
rgb(52,22,42)

#1a0b15

#1a0b15
rgb(26,11,21)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #83386b

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

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

Contraste

Branco e #83386b
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 #83386b
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 #83386b

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

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

Este parágrafo tem fundo de cor #83386b.

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

Este elemento tem uma cor de borda de #83386b.

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

Cores alietórias

#e2df7d

#e2df7d
rgb(226,223,125)

#2aaa57

#2aaa57
rgb(42,170,87)

#4f68ae

#4f68ae
rgb(79,104,174)

#5088d3

#5088d3
rgb(80,136,211)

#7afcfa

#7afcfa
rgb(122,252,250)

#94b4b7

#94b4b7
rgb(148,180,183)

#132753

#132753
rgb(19,39,83)

#fd9c98

#fd9c98
rgb(253,156,152)

#3f7ac4

#3f7ac4
rgb(63,122,196)

#0cc119

#0cc119
rgb(12,193,25)

#4c175f

#4c175f
rgb(76,23,95)

#c82c7f

#c82c7f
rgb(200,44,127)