Informação da cor #bd0288

A cor hexadecimal bd0288 no modelo de cores RGB (Red, Green, Blue), é um composta por 189 de vermelho, 2 de verde e 136 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 98.9% de magenta, 28% de amarelo e 25.9% de preto. Tem um ângulo de matiz de 317 graus, uma saturação de 97.9% e uma leveza de 37.5%.

A cor mais próxima WebSafe é 990066.

Conversões de #bd0288 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 bd0288
RGB 189, 2, 136
RGB Percentagem 74.1%, 0.8%, 53.3%
CMYK 0, 0.99, 0.28, 0.26
HSL 317°, 97.9%, 37.5%
HSV (ou HSB) 317°, 98.9%, 74.1%
RYB 74.1, 0.8, 53.3
Formato Cor
XYZ 27.2, 13.5, 27.4
CIELab 43.49, 73.15, -23.62
Decimal 12386952
Yxy 12.6429, 0.4074, 0.2023
YUV 73.189, 163.4464, 210.6042
CIELuv 42.2202, 85.2706, -40.3973
Web Safe 990066

Distribuição de #bd0288

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.

#bd0288

#bd0288
rgb(189,2,136)

#02bd37

#02bd37
rgb(2,189,55)

Cores triadicas

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

#89bd02

#89bd02
rgb(137,189,2)

#bd0288

#bd0288
rgb(189,2,136)

#0289bd

#0289bd
rgb(2,137,189)

Cores tetrádicas

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

#bd9502

#bd9502
rgb(189,149,2)

#bd0288

#bd0288
rgb(189,2,136)

#02bd37

#02bd37
rgb(2,189,55)

#022bbd

#022bbd
rgb(2,43,189)

Cores monocromáticas

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

#bd0288

#bd0288
rgb(189,2,136)

#bd94b2

#bd94b2
rgb(189,148,178)

#bd92b1

#bd92b1
rgb(189,146,177)

#bd90b1

#bd90b1
rgb(189,144,177)

#bd8eb0

#bd8eb0
rgb(189,142,176)

#bd8cb0

#bd8cb0
rgb(189,140,176)

Tons e Matizes de #bd0288

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

Matiz (adicionando branco)
#bd0288

#bd0288
rgb(189,2,136)

#ca349f

#ca349f
rgb(202,52,159)

#d767b7

#d767b7
rgb(215,103,183)

#e499cf

#e499cf
rgb(228,153,207)

#f1cce7

#f1cce7
rgb(241,204,231)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#bd0288

#bd0288
rgb(189,2,136)

#97016c

#97016c
rgb(151,1,108)

#710151

#710151
rgb(113,1,81)

#4b0036

#4b0036
rgb(75,0,54)

#25001b

#25001b
rgb(37,0,27)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #bd0288

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

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

Contraste

Branco e #bd0288
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.

Preto e #bd0288
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.

Exemplos CSS

Texto com cor hexadecimal #bd0288

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

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

Este parágrafo tem fundo de cor #bd0288.

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

Este elemento tem uma cor de borda de #bd0288.

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

Cores alietórias

#e6e43d

#e6e43d
rgb(230,228,61)

#2416ec

#2416ec
rgb(36,22,236)

#fc16cf

#fc16cf
rgb(252,22,207)

#00b54c

#00b54c
rgb(0,181,76)

#0176dd

#0176dd
rgb(1,118,221)

#1d078d

#1d078d
rgb(29,7,141)

#57caff

#57caff
rgb(87,202,255)

#3afd0c

#3afd0c
rgb(58,253,12)

#822e36

#822e36
rgb(130,46,54)

#3a66a6

#3a66a6
rgb(58,102,166)

#68882d

#68882d
rgb(104,136,45)

#f251f7

#f251f7
rgb(242,81,247)