Informação da cor #be5f87

A cor hexadecimal be5f87 no modelo de cores RGB (Red, Green, Blue), é um composta por 190 de vermelho, 95 de verde e 135 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 50% de magenta, 28.9% de amarelo e 25.5% de preto. Tem um ângulo de matiz de 334.7 graus, uma saturação de 42.2% e uma leveza de 55.9%.

A cor mais próxima WebSafe é 993366.

Conversões de #be5f87 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 be5f87
RGB 190, 95, 135
RGB Percentagem 74.5%, 37.3%, 52.9%
CMYK 0, 0.5, 0.29, 0.25
HSL 334.7°, 42.2%, 55.9%
HSV (ou HSB) 334.7°, 50%, 74.5%
RYB 74.5, 37.3, 52.9
Formato Cor
XYZ 32.3, 23.3, 28.6
CIELab 55.42, 40.93, -4.94
Decimal 12476295
Yxy 20.8834, 0.391, 0.2749
YUV 127.965, 131.9701, 172.2475
CIELuv 52.8217, 58.8063, -13.6495
Web Safe 993366

Distribuição de #be5f87

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.

#be5f87

#be5f87
rgb(190,95,135)

#5fbe97

#5fbe97
rgb(95,190,151)

Cores triadicas

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

#87be5f

#87be5f
rgb(135,190,95)

#be5f87

#be5f87
rgb(190,95,135)

#5f87be

#5f87be
rgb(95,135,190)

Cores tetrádicas

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

#b7be5f

#b7be5f
rgb(183,190,95)

#be5f87

#be5f87
rgb(190,95,135)

#5fbe97

#5fbe97
rgb(95,190,151)

#675fbe

#675fbe
rgb(103,95,190)

Cores monocromáticas

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

#be5f87

#be5f87
rgb(190,95,135)

#be96a7

#be96a7
rgb(190,150,167)

#be94a6

#be94a6
rgb(190,148,166)

#be92a5

#be92a5
rgb(190,146,165)

#be90a4

#be90a4
rgb(190,144,164)

#be8ea2

#be8ea2
rgb(190,142,162)

Tons e Matizes de #be5f87

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

Matiz (adicionando branco)
#be5f87

#be5f87
rgb(190,95,135)

#cb7f9f

#cb7f9f
rgb(203,127,159)

#d89fb7

#d89fb7
rgb(216,159,183)

#e5bfcf

#e5bfcf
rgb(229,191,207)

#f2dfe7

#f2dfe7
rgb(242,223,231)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#be5f87

#be5f87
rgb(190,95,135)

#984c6c

#984c6c
rgb(152,76,108)

#723951

#723951
rgb(114,57,81)

#4b2535

#4b2535
rgb(75,37,53)

#25121a

#25121a
rgb(37,18,26)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #be5f87

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #be5f87.

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

Este elemento tem uma cor de borda de #be5f87.

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

Cores alietórias

#c92581

#c92581
rgb(201,37,129)

#40e7f0

#40e7f0
rgb(64,231,240)

#1b0d09

#1b0d09
rgb(27,13,9)

#68d48b

#68d48b
rgb(104,212,139)

#d20795

#d20795
rgb(210,7,149)

#860a9d

#860a9d
rgb(134,10,157)

#80e4bf

#80e4bf
rgb(128,228,191)

#99835c

#99835c
rgb(153,131,92)

#2fb53c

#2fb53c
rgb(47,181,60)

#ec85da

#ec85da
rgb(236,133,218)

#8f321d

#8f321d
rgb(143,50,29)

#083045

#083045
rgb(8,48,69)