Informação da cor #bd082a

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

No padrão de cores CMYK, é composto por 0% de ciano, 95.8% de magenta, 77.8% de amarelo e 25.9% de preto. Tem um ângulo de matiz de 348.7 graus, uma saturação de 91.9% e uma leveza de 38.6%.

A cor mais próxima WebSafe é 990000.

Conversões de #bd082a 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 bd082a
RGB 189, 8, 42
RGB Percentagem 74.1%, 3.1%, 16.5%
CMYK 0, 0.96, 0.78, 0.26
HSL 348.7°, 91.9%, 38.6%
HSV (ou HSB) 348.7°, 95.8%, 74.1%
RYB 74.1, 3.1, 16.5
Formato Cor
XYZ 22.9, 11.9, 4.1
CIELab 40.97, 65.37, 31.31
Decimal 12388394
Yxy 11.1633, 0.5992, 0.3112
YUV 65.995, 114.4588, 215.7354
CIELuv 39.8541, 121.8082, 19.4796
Web Safe 990000

Distribuição de #bd082a

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.

#bd082a

#bd082a
rgb(189,8,42)

#08bd9b

#08bd9b
rgb(8,189,155)

Cores triadicas

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

#2bbd08

#2bbd08
rgb(43,189,8)

#bd082a

#bd082a
rgb(189,8,42)

#082bbd

#082bbd
rgb(8,43,189)

Cores tetrádicas

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

#85bd08

#85bd08
rgb(133,189,8)

#bd082a

#bd082a
rgb(189,8,42)

#08bd9b

#08bd9b
rgb(8,189,155)

#4108bd

#4108bd
rgb(65,8,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.

#bd082a

#bd082a
rgb(189,8,42)

#bd949c

#bd949c
rgb(189,148,156)

#bd929a

#bd929a
rgb(189,146,154)

#bd9099

#bd9099
rgb(189,144,153)

#bd8e97

#bd8e97
rgb(189,142,151)

#bd8c96

#bd8c96
rgb(189,140,150)

Tons e Matizes de #bd082a

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

Matiz (adicionando branco)
#bd082a

#bd082a
rgb(189,8,42)

#ca3954

#ca3954
rgb(202,57,84)

#d76a7f

#d76a7f
rgb(215,106,127)

#e49ca9

#e49ca9
rgb(228,156,169)

#f1cdd4

#f1cdd4
rgb(241,205,212)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#bd082a

#bd082a
rgb(189,8,42)

#970621

#970621
rgb(151,6,33)

#710419

#710419
rgb(113,4,25)

#4b0310

#4b0310
rgb(75,3,16)

#250108

#250108
rgb(37,1,8)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #bd082a

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #bd082a.

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

Este elemento tem uma cor de borda de #bd082a.

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

Cores alietórias

#fcd02f

#fcd02f
rgb(252,208,47)

#d4994a

#d4994a
rgb(212,153,74)

#b3fc18

#b3fc18
rgb(179,252,24)

#7b035b

#7b035b
rgb(123,3,91)

#3276d5

#3276d5
rgb(50,118,213)

#9771c9

#9771c9
rgb(151,113,201)

#b0608a

#b0608a
rgb(176,96,138)

#35a6c3

#35a6c3
rgb(53,166,195)

#567448

#567448
rgb(86,116,72)

#4f8f24

#4f8f24
rgb(79,143,36)

#cc956f

#cc956f
rgb(204,149,111)

#fe18c7

#fe18c7
rgb(254,24,199)