Informação da cor #b8bfb7

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

No padrão de cores CMYK, é composto por 3.7% de ciano, 0% de magenta, 4.2% de amarelo e 25.1% de preto. Tem um ângulo de matiz de 112.5 graus, uma saturação de 5.9% e uma leveza de 73.3%.

A cor mais próxima WebSafe é 999999.

Conversões de #b8bfb7 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 b8bfb7
RGB 184, 191, 183
RGB Percentagem 72.2%, 74.9%, 71.8%
CMYK 0.04, 0, 0.04, 0.25
HSL 112.5°, 5.9%, 73.3%
HSV (ou HSB) 112.5°, 4.2%, 74.9%
RYB 71.8, 74.9, 74.5
Formato Cor
XYZ 49.8, 53.8, 55.4
CIELab 78.35, -3.66, 2.98
Decimal 12107703
Yxy 50.8707, 0.3131, 0.3392
YUV 187.995, 125.1812, 125.1505
CIELuv 76.6006, -3.5242, 5.3887
Web Safe 999999

Distribuição de #b8bfb7

RGB
RYB
CMYK
CMY

Harmonia de cores

Cores complementares

As cores complementares são pares de cores que ficam opostas uma da outra na roda de cores. Essas cores são consideradas "complementares" porque criam um forte contraste visual quando usadas juntas e são frequentemente usadas em projetos de design para criar interesse visual e equilíbrio.

#b8bfb7

#b8bfb7
rgb(184,191,183)

#beb7bf

#beb7bf
rgb(190,183,191)

Cores triadicas

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

#b7b8bf

#b7b8bf
rgb(183,184,191)

#b8bfb7

#b8bfb7
rgb(184,191,183)

#bfb7b8

#bfb7b8
rgb(191,183,184)

Cores tetrádicas

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

#b7bcbf

#b7bcbf
rgb(183,188,191)

#b8bfb7

#b8bfb7
rgb(184,191,183)

#beb7bf

#beb7bf
rgb(190,183,191)

#bfbbb7

#bfbbb7
rgb(191,187,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.

#b8bfb7

#b8bfb7
rgb(184,191,183)

#9cbf97

#9cbf97
rgb(156,191,151)

#9bbf95

#9bbf95
rgb(155,191,149)

#99bf93

#99bf93
rgb(153,191,147)

#97bf92

#97bf92
rgb(151,191,146)

#96bf90

#96bf90
rgb(150,191,144)

Tons e Matizes de #b8bfb7

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

Matiz (adicionando branco)
#b8bfb7

#b8bfb7
rgb(184,191,183)

#c6cbc5

#c6cbc5
rgb(198,203,197)

#d4d8d3

#d4d8d3
rgb(212,216,211)

#e2e5e2

#e2e5e2
rgb(226,229,226)

#f0f2f0

#f0f2f0
rgb(240,242,240)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b8bfb7

#b8bfb7
rgb(184,191,183)

#939892

#939892
rgb(147,152,146)

#6e726d

#6e726d
rgb(110,114,109)

#494c49

#494c49
rgb(73,76,73)

#242624

#242624
rgb(36,38,36)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b8bfb7

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

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

Contraste

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

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

Exemplos CSS

Texto com cor hexadecimal #b8bfb7

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

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

Este parágrafo tem fundo de cor #b8bfb7.

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

Este elemento tem uma cor de borda de #b8bfb7.

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

Cores alietórias

#3dc4c8

#3dc4c8
rgb(61,196,200)

#2c541c

#2c541c
rgb(44,84,28)

#08df46

#08df46
rgb(8,223,70)

#90b2a1

#90b2a1
rgb(144,178,161)

#9ee3d3

#9ee3d3
rgb(158,227,211)

#713eb8

#713eb8
rgb(113,62,184)

#9b00b3

#9b00b3
rgb(155,0,179)

#1b9538

#1b9538
rgb(27,149,56)

#5e8015

#5e8015
rgb(94,128,21)

#8acb53

#8acb53
rgb(138,203,83)

#d8d5c8

#d8d5c8
rgb(216,213,200)

#2aef2f

#2aef2f
rgb(42,239,47)