Informação da cor #bc5b67

A cor hexadecimal bc5b67 no modelo de cores RGB (Red, Green, Blue), é um composta por 188 de vermelho, 91 de verde e 103 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 51.6% de magenta, 45.2% de amarelo e 26.3% de preto. Tem um ângulo de matiz de 352.6 graus, uma saturação de 42% e uma leveza de 54.7%.

A cor mais próxima WebSafe é 993366.

Conversões de #bc5b67 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 bc5b67
RGB 188, 91, 103
RGB Percentagem 73.7%, 35.7%, 40.4%
CMYK 0, 0.52, 0.45, 0.26
HSL 352.6°, 42%, 54.7%
HSV (ou HSB) 352.6°, 51.6%, 73.7%
RYB 73.7, 35.7, 40.4
Formato Cor
XYZ 29.4, 21.5, 17.8
CIELab 53.5, 38.45, 10.56
Decimal 12344167
Yxy 19.1556, 0.4401, 0.313
YUV 121.371, 117.6326, 175.5243
CIELuv 50.8688, 67.2695, 7.3407
Web Safe 993366

Distribuição de #bc5b67

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.

#bc5b67

#bc5b67
rgb(188,91,103)

#5bbcb1

#5bbcb1
rgb(91,188,177)

Cores triadicas

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

#67bc5b

#67bc5b
rgb(103,188,91)

#bc5b67

#bc5b67
rgb(188,91,103)

#5b67bc

#5b67bc
rgb(91,103,188)

Cores tetrádicas

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

#98bc5b

#98bc5b
rgb(152,188,91)

#bc5b67

#bc5b67
rgb(188,91,103)

#5bbcb1

#5bbcb1
rgb(91,188,177)

#805bbc

#805bbc
rgb(128,91,188)

Cores monocromáticas

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

#bc5b67

#bc5b67
rgb(188,91,103)

#bc9499

#bc9499
rgb(188,148,153)

#bc9297

#bc9297
rgb(188,146,151)

#bc9096

#bc9096
rgb(188,144,150)

#bc8e94

#bc8e94
rgb(188,142,148)

#bc8d92

#bc8d92
rgb(188,141,146)

Tons e Matizes de #bc5b67

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

Matiz (adicionando branco)
#bc5b67

#bc5b67
rgb(188,91,103)

#c97b85

#c97b85
rgb(201,123,133)

#d69ca3

#d69ca3
rgb(214,156,163)

#e4bdc2

#e4bdc2
rgb(228,189,194)

#f1dee0

#f1dee0
rgb(241,222,224)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#bc5b67

#bc5b67
rgb(188,91,103)

#964852

#964852
rgb(150,72,82)

#70363d

#70363d
rgb(112,54,61)

#4b2429

#4b2429
rgb(75,36,41)

#251214

#251214
rgb(37,18,20)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #bc5b67

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #bc5b67.

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

Este elemento tem uma cor de borda de #bc5b67.

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

Cores alietórias

#d4a145

#d4a145
rgb(212,161,69)

#513bc7

#513bc7
rgb(81,59,199)

#468c1b

#468c1b
rgb(70,140,27)

#e45eb6

#e45eb6
rgb(228,94,182)

#b0e047

#b0e047
rgb(176,224,71)

#157904

#157904
rgb(21,121,4)

#f83f13

#f83f13
rgb(248,63,19)

#62edf9

#62edf9
rgb(98,237,249)

#d6322d

#d6322d
rgb(214,50,45)

#8a828b

#8a828b
rgb(138,130,139)

#6ca3b1

#6ca3b1
rgb(108,163,177)

#5f640a

#5f640a
rgb(95,100,10)