Informação da cor #b058ad

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

No padrão de cores CMYK, é composto por 0% de ciano, 50% de magenta, 1.7% de amarelo e 31% de preto. Tem um ângulo de matiz de 302.1 graus, uma saturação de 35.8% e uma leveza de 51.8%.

A cor mais próxima WebSafe é 993399.

Conversões de #b058ad 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 b058ad
RGB 176, 88, 173
RGB Percentagem 69%, 34.5%, 67.8%
CMYK 0, 0.5, 0.02, 0.31
HSL 302.1°, 35.8%, 51.8%
HSV (ou HSB) 302.1°, 50%, 69%
RYB 69, 34.5, 67.8
Formato Cor
XYZ 31.5, 21.6, 45
CIELab 53.61, 46.11, -28.97
Decimal 11557037
Yxy 19.2283, 0.322, 0.2139
YUV 124.002, 155.6512, 165.0885
CIELuv 50.9533, 42.2154, -51.1736
Web Safe 993399

Distribuição de #b058ad

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.

#b058ad

#b058ad
rgb(176,88,173)

#58b05b

#58b05b
rgb(88,176,91)

Cores triadicas

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

#aeb058

#aeb058
rgb(174,176,88)

#b058ad

#b058ad
rgb(176,88,173)

#58aeb0

#58aeb0
rgb(88,174,176)

Cores tetrádicas

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

#b08758

#b08758
rgb(176,135,88)

#b058ad

#b058ad
rgb(176,88,173)

#58b05b

#58b05b
rgb(88,176,91)

#5882b0

#5882b0
rgb(88,130,176)

Cores monocromáticas

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

#b058ad

#b058ad
rgb(176,88,173)

#b08baf

#b08baf
rgb(176,139,175)

#b089af

#b089af
rgb(176,137,175)

#b087af

#b087af
rgb(176,135,175)

#b085af

#b085af
rgb(176,133,175)

#b084af

#b084af
rgb(176,132,175)

Tons e Matizes de #b058ad

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

Matiz (adicionando branco)
#b058ad

#b058ad
rgb(176,88,173)

#bf79bd

#bf79bd
rgb(191,121,189)

#cf9acd

#cf9acd
rgb(207,154,205)

#dfbcde

#dfbcde
rgb(223,188,222)

#efddee

#efddee
rgb(239,221,238)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b058ad

#b058ad
rgb(176,88,173)

#8c468a

#8c468a
rgb(140,70,138)

#693467

#693467
rgb(105,52,103)

#462345

#462345
rgb(70,35,69)

#231122

#231122
rgb(35,17,34)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b058ad

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #b058ad.

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

Este elemento tem uma cor de borda de #b058ad.

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

Cores alietórias

#253149

#253149
rgb(37,49,73)

#4a511c

#4a511c
rgb(74,81,28)

#473fbb

#473fbb
rgb(71,63,187)

#6fdbb4

#6fdbb4
rgb(111,219,180)

#e63c3b

#e63c3b
rgb(230,60,59)

#feba89

#feba89
rgb(254,186,137)

#e26a94

#e26a94
rgb(226,106,148)

#a800e2

#a800e2
rgb(168,0,226)

#ac4fa5

#ac4fa5
rgb(172,79,165)

#caf56c

#caf56c
rgb(202,245,108)

#27ca77

#27ca77
rgb(39,202,119)

#0021fe

#0021fe
rgb(0,33,254)