Informação da cor #b09ac0

A cor hexadecimal b09ac0 no modelo de cores RGB (Red, Green, Blue), é um composta por 176 de vermelho, 154 de verde e 192 de azul.

No padrão de cores CMYK, é composto por 8.3% de ciano, 19.8% de magenta, 0% de amarelo e 24.7% de preto. Tem um ângulo de matiz de 274.7 graus, uma saturação de 23.2% e uma leveza de 67.8%.

A cor mais próxima WebSafe é 999999.

Conversões de #b09ac0 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 b09ac0
RGB 176, 154, 192
RGB Percentagem 69%, 60.4%, 75.3%
CMYK 0.08, 0.2, 0, 0.25
HSL 274.7°, 23.2%, 67.8%
HSV (ou HSB) 274.7°, 19.8%, 75.3%
RYB 69, 60.4, 75.3
Formato Cor
XYZ 41.9, 39.3, 58
CIELab 68.97, 14.36, -15.6
Decimal 11573952
Yxy 36.1474, 0.3, 0.2783
YUV 164.91, 143.2878, 135.9101
CIELuv 66.6324, 9.7547, -27.6917
Web Safe 999999

Distribuição de #b09ac0

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.

#b09ac0

#b09ac0
rgb(176,154,192)

#aac09b

#aac09b
rgb(170,192,155)

Cores triadicas

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

#c0b19b

#c0b19b
rgb(192,177,155)

#b09ac0

#b09ac0
rgb(176,154,192)

#9bc0b1

#9bc0b1
rgb(155,192,177)

Cores tetrádicas

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

#c09e9b

#c09e9b
rgb(192,158,155)

#b09ac0

#b09ac0
rgb(176,154,192)

#aac09b

#aac09b
rgb(170,192,155)

#9bbdc0

#9bbdc0
rgb(155,189,192)

Cores monocromáticas

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

#b09ac0

#b09ac0
rgb(176,154,192)

#af98c0

#af98c0
rgb(175,152,192)

#af96c0

#af96c0
rgb(175,150,192)

#ae94c0

#ae94c0
rgb(174,148,192)

#ad92c0

#ad92c0
rgb(173,146,192)

#ac90c0

#ac90c0
rgb(172,144,192)

Tons e Matizes de #b09ac0

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

Matiz (adicionando branco)
#b09ac0

#b09ac0
rgb(176,154,192)

#bfaecc

#bfaecc
rgb(191,174,204)

#cfc2d9

#cfc2d9
rgb(207,194,217)

#dfd6e5

#dfd6e5
rgb(223,214,229)

#efeaf2

#efeaf2
rgb(239,234,242)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b09ac0

#b09ac0
rgb(176,154,192)

#8c7b99

#8c7b99
rgb(140,123,153)

#695c73

#695c73
rgb(105,92,115)

#463d4c

#463d4c
rgb(70,61,76)

#231e26

#231e26
rgb(35,30,38)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b09ac0

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #b09ac0.

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

Este elemento tem uma cor de borda de #b09ac0.

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

Cores alietórias

#2b6f3e

#2b6f3e
rgb(43,111,62)

#6bb0a4

#6bb0a4
rgb(107,176,164)

#c0e1c2

#c0e1c2
rgb(192,225,194)

#5d8e66

#5d8e66
rgb(93,142,102)

#24be70

#24be70
rgb(36,190,112)

#861568

#861568
rgb(134,21,104)

#7746da

#7746da
rgb(119,70,218)

#68ffd1

#68ffd1
rgb(104,255,209)

#a45252

#a45252
rgb(164,82,82)

#4cefc7

#4cefc7
rgb(76,239,199)

#627765

#627765
rgb(98,119,101)

#5dc2bf

#5dc2bf
rgb(93,194,191)