Informação da cor #b97e97

A cor hexadecimal b97e97 no modelo de cores RGB (Red, Green, Blue), é um composta por 185 de vermelho, 126 de verde e 151 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 31.9% de magenta, 18.4% de amarelo e 27.5% de preto. Tem um ângulo de matiz de 334.6 graus, uma saturação de 29.7% e uma leveza de 61%.

A cor mais próxima WebSafe é 996666.

Conversões de #b97e97 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 b97e97
RGB 185, 126, 151
RGB Percentagem 72.5%, 49.4%, 59.2%
CMYK 0, 0.32, 0.18, 0.27
HSL 334.6°, 29.7%, 61%
HSV (ou HSB) 334.6°, 31.9%, 72.6%
RYB 72.5, 49.4, 59.2
Formato Cor
XYZ 35.9, 30.4, 36.3
CIELab 62.02, 25.18, -4.11
Decimal 12156567
Yxy 27.4721, 0.3541, 0.2943
YUV 146.491, 130.5446, 155.4672
CIELuv 59.4088, 35.0408, -10.4505
Web Safe 996666

Distribuição de #b97e97

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.

#b97e97

#b97e97
rgb(185,126,151)

#7eb9a0

#7eb9a0
rgb(126,185,160)

Cores triadicas

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

#98b97e

#98b97e
rgb(152,185,126)

#b97e97

#b97e97
rgb(185,126,151)

#7e98b9

#7e98b9
rgb(126,152,185)

Cores tetrádicas

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

#b5b97e

#b5b97e
rgb(181,185,126)

#b97e97

#b97e97
rgb(185,126,151)

#7eb9a0

#7eb9a0
rgb(126,185,160)

#837eb9

#837eb9
rgb(131,126,185)

Cores monocromáticas

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

#b97e97

#b97e97
rgb(185,126,151)

#b992a3

#b992a3
rgb(185,146,163)

#b990a2

#b990a2
rgb(185,144,162)

#b98ea1

#b98ea1
rgb(185,142,161)

#b98da0

#b98da0
rgb(185,141,160)

#b98b9f

#b98b9f
rgb(185,139,159)

Tons e Matizes de #b97e97

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

Matiz (adicionando branco)
#b97e97

#b97e97
rgb(185,126,151)

#c797ab

#c797ab
rgb(199,151,171)

#d5b1c0

#d5b1c0
rgb(213,177,192)

#e3cbd5

#e3cbd5
rgb(227,203,213)

#f1e5ea

#f1e5ea
rgb(241,229,234)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b97e97

#b97e97
rgb(185,126,151)

#946478

#946478
rgb(148,100,120)

#6f4b5a

#6f4b5a
rgb(111,75,90)

#49323c

#49323c
rgb(73,50,60)

#24191e

#24191e
rgb(36,25,30)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b97e97

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

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

Contraste

Branco e #b97e97
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 #b97e97
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 #b97e97

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

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

Este parágrafo tem fundo de cor #b97e97.

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

Este elemento tem uma cor de borda de #b97e97.

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

Cores alietórias

#4e1a82

#4e1a82
rgb(78,26,130)

#94404f

#94404f
rgb(148,64,79)

#6e4710

#6e4710
rgb(110,71,16)

#d9f8f2

#d9f8f2
rgb(217,248,242)

#d48df1

#d48df1
rgb(212,141,241)

#a37c7e

#a37c7e
rgb(163,124,126)

#2a5bd6

#2a5bd6
rgb(42,91,214)

#548f13

#548f13
rgb(84,143,19)

#f00942

#f00942
rgb(240,9,66)

#8d69e7

#8d69e7
rgb(141,105,231)

#6d05ba

#6d05ba
rgb(109,5,186)

#1cab6e

#1cab6e
rgb(28,171,110)