Informação da cor #b77d8f

A cor hexadecimal b77d8f no modelo de cores RGB (Red, Green, Blue), é um composta por 183 de vermelho, 125 de verde e 143 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 31.7% de magenta, 21.9% de amarelo e 28.2% de preto. Tem um ângulo de matiz de 341.4 graus, uma saturação de 28.7% e uma leveza de 60.4%.

A cor mais próxima WebSafe é 996666.

Conversões de #b77d8f 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 b77d8f
RGB 183, 125, 143
RGB Percentagem 71.8%, 49%, 56.1%
CMYK 0, 0.32, 0.22, 0.28
HSL 341.4°, 28.7%, 60.4%
HSV (ou HSB) 341.4°, 31.7%, 71.8%
RYB 71.8, 49, 56.1
Formato Cor
XYZ 34.7, 29.7, 32.8
CIELab 61.36, 23.81, -0.74
Decimal 12025231
Yxy 26.7195, 0.3616, 0.3036
YUV 144.394, 127.2133, 155.5364
CIELuv 58.7138, 35.4642, -5.1688
Web Safe 996666

Distribuição de #b77d8f

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.

#b77d8f

#b77d8f
rgb(183,125,143)

#7db7a5

#7db7a5
rgb(125,183,165)

Cores triadicas

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

#90b77d

#90b77d
rgb(144,183,125)

#b77d8f

#b77d8f
rgb(183,125,143)

#7d90b7

#7d90b7
rgb(125,144,183)

Cores tetrádicas

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

#adb77d

#adb77d
rgb(173,183,125)

#b77d8f

#b77d8f
rgb(183,125,143)

#7db7a5

#7db7a5
rgb(125,183,165)

#887db7

#887db7
rgb(136,125,183)

Cores monocromáticas

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

#b77d8f

#b77d8f
rgb(183,125,143)

#b7909d

#b7909d
rgb(183,144,157)

#b78f9b

#b78f9b
rgb(183,143,155)

#b78d9a

#b78d9a
rgb(183,141,154)

#b78b99

#b78b99
rgb(183,139,153)

#b78998

#b78998
rgb(183,137,152)

Tons e Matizes de #b77d8f

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

Matiz (adicionando branco)
#b77d8f

#b77d8f
rgb(183,125,143)

#c597a5

#c597a5
rgb(197,151,165)

#d3b1bb

#d3b1bb
rgb(211,177,187)

#e2cbd2

#e2cbd2
rgb(226,203,210)

#f0e5e8

#f0e5e8
rgb(240,229,232)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b77d8f

#b77d8f
rgb(183,125,143)

#926472

#926472
rgb(146,100,114)

#6d4b55

#6d4b55
rgb(109,75,85)

#493139

#493139
rgb(73,49,57)

#24181c

#24181c
rgb(36,24,28)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b77d8f

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

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

Contraste

Branco e #b77d8f
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.

Preto e #b77d8f
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.

Exemplos CSS

Texto com cor hexadecimal #b77d8f

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

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

Este parágrafo tem fundo de cor #b77d8f.

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

Este elemento tem uma cor de borda de #b77d8f.

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

Cores alietórias

#7da254

#7da254
rgb(125,162,84)

#358121

#358121
rgb(53,129,33)

#72ff97

#72ff97
rgb(114,255,151)

#a2d52d

#a2d52d
rgb(162,213,45)

#256deb

#256deb
rgb(37,109,235)

#fb85fc

#fb85fc
rgb(251,133,252)

#aa8b6f

#aa8b6f
rgb(170,139,111)

#79e411

#79e411
rgb(121,228,17)

#dcd95f

#dcd95f
rgb(220,217,95)

#0d4cfa

#0d4cfa
rgb(13,76,250)

#5f674a

#5f674a
rgb(95,103,74)

#25a110

#25a110
rgb(37,161,16)