Cor #b8bbd0 - Guia Completo com Informações, Conversões e Esquemas

A cor hexadecimal #b8bbd0 corresponde ao modelo de cores RGB (Red, Green, Blue), com 184 de vermelho, 187 de verde e 208 de azul.

No padrão CMYK, essa cor é composta por 11.5% de ciano, 10.1% de magenta, 0% de amarelo e 18.4% de preto. Ela possui um ângulo de matiz de 232.5 graus, uma saturação de 20.3% e uma leveza de 76.9%.

Para ser mais WebSafe a cor mais próxima é 9999CC.

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	b8bbd0
RGB	184, 187, 208
RGB Percentagem	72.2%, 73.3%, 81.6%
CMYK	0.12, 0.1, 0, 0.18
HSL	232.5°, 20.3%, 76.9%
HSV (ou HSB)	232.5°, 11.5%, 81.6%
RYB	72.2, 73.3, 81.6

Formato	Cor
XYZ	51.7, 53.2, 69.6
CIELab	78.02, 2.86, -10.15
Decimal	12106704
Yxy	50.2846, 0.2947, 0.3029
YUV	188.497, 139.0062, 124.7924
CIELuv	76.2436, -2.8282, -17.2276
Web Safe	9999CC

A cor é distribuída de diferentes maneiras em modelos de cores como RGB, RYB, CMYK e CMY.

RGB

RYB

CMYK

CMY

Cores complementares

São uma combinação harmoniosa de cores opostas na roda de cores. Em outras palavras, essas cores são simétricas em relação ao centro da roda e criam uma sensação de equilíbrio visual. A diferença de matiz entre cores complementares é de 180º.

#b8bbd0

#d0cdb8

Cores triadicas

As cores triádicas são uma combinação harmoniosa de três cores equidistantes no círculo cromático. Essa técnica de harmonização de cores envolve a escolha de três cores que estão igualmente espaçadas na roda de cores, como azul, amarelo e vermelho.

#d0b8bb

#b8bbd0

#bbd0b8

Cores tetrádicas

As cores tetrádicas são uma combinação harmoniosa de duas pares de cores complementares na roda de cores. Essa técnica de harmonização de cores envolve a escolha de duas pares de cores opostas, o que resulta em quatro cores em uma relação complementar. Ao usar essas cores juntas, você pode criar uma sensação de equilíbrio e uma aparência.

#d0b8c7

#b8bbd0

#d0cdb8

#b8d0c1

Cores monocromáticas

A harmonia monocromática é alcançada ao usar variações de uma única cor da roda das cores. Essa técnica de harmonização de cores envolve a escolha de diferentes tonalidades, tons e intensidades da mesma cor, resultando em uma aparência coesa e equilibrada. Ao usar a harmonia monocromática, você pode criar uma sensação de unidade e tranquilidade.

#b8bbd0

#a5aad0

#a2a8d0

#a0a6d0

#9ea5d0

#9ca3d0

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

Matiz (adicionando branco)

#b8bbd0

#c6c8d9

#d4d6e2

#e2e3ec

#f0f1f5

#ffffff

Sombra (adicionando preto)

#b8bbd0

#9395a6

#6e707c

#494a53

#242529

#000000

Ao compreender como usar sombras e matizes em suas criações, você pode adicionar profundidade e dimensão à sua arte ou projeto. Descubra como criar sombras e matizes a partir de cores puras para criar uma paleta de cores equilibrada e atraente.

Gerador de gradiente CSS

Fundo branco

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

Fundo preto

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

Fundo de cor #b8bbd0

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

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

Branco e #b8bbd0

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 #b8bbd0

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.

Texto com cor hexadecimal #b8bbd0

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

<span style="color:#b8bbd0;">Aqui fica o texto.</span>

Cor de fundo #b8bbd0

Este parágrafo tem fundo de cor #b8bbd0.

<p style="background-color:#b8bbd0;">O conteúdo fica aqui.</p>

Borda de cor #000bef

Este elemento tem uma cor de borda de #b8bbd0.

<div style="border:1px solid #000bef;">Conteúdo fica aqui</div>

Códigos CSS

.text {color:#b8bbd0;}

.background {background-color:#b8bbd0;}

.border {border:1px solid #b8bbd0;}

#8bedf7

#1686b8

#5529ca

#0e3b73

#3b51ad

#5b98be

#76b9d9

#84929c

#729893

#6865bd

#66cd6e

#c137d9

Informação da cor #b8bbd0

Conversões da cor #b8bbd0 num outro espaço de cores

Distribuição de #b8bbd0

RGB

RYB

CMYK

CMY

Harmonia de cores

Cores complementares

Cores triadicas

Cores tetrádicas

Cores monocromáticas

Tons e Matizes de #b8bbd0

Matiz (adicionando branco)

Sombra (adicionando preto)

Pré-visualização

Fundo branco

Fundo preto

Fundo de cor #b8bbd0

Contraste

Branco e #b8bbd0

Preto e #b8bbd0

Exemplos CSS

Cores alietórias