Informação da cor #445b54

A cor hexadecimal 445b54 no modelo de cores RGB (Red, Green, Blue), é um composta por 68 de vermelho, 91 de verde e 84 de azul.

No padrão de cores CMYK, é composto por 25.3% de ciano, 0% de magenta, 7.7% de amarelo e 64.3% de preto. Tem um ângulo de matiz de 161.7 graus, uma saturação de 14.5% e uma leveza de 31.2%.

A cor mais próxima WebSafe é 333333.

Conversões de #445b54 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 445b54
RGB 68, 91, 84
RGB Percentagem 26.7%, 35.7%, 32.9%
CMYK 0.25, 0, 0.08, 0.64
HSL 161.7°, 14.5%, 31.2%
HSV (ou HSB) 161.7°, 25.3%, 35.7%
RYB 26.7, 32.2, 35.7
Formato Cor
XYZ 9.5, 11.4, 12
CIELab 40.2, -10.23, 1.12
Decimal 4479828
Yxy 9.3509, 0.2876, 0.3481
YUV 83.325, 128.3809, 117.0692
CIELuv 36.6513, -11.2463, 2.9653
Web Safe 333333

Distribuição de #445b54

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.

#445b54

#445b54
rgb(68,91,84)

#5b444b

#5b444b
rgb(91,68,75)

Cores triadicas

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

#55445b

#55445b
rgb(85,68,91)

#445b54

#445b54
rgb(68,91,84)

#5b5544

#5b5544
rgb(91,85,68)

Cores tetrádicas

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

#49445b

#49445b
rgb(73,68,91)

#445b54

#445b54
rgb(68,91,84)

#5b444b

#5b444b
rgb(91,68,75)

#575b44

#575b44
rgb(87,91,68)

Cores monocromáticas

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

#445b54

#445b54
rgb(68,91,84)

#485b56

#485b56
rgb(72,91,86)

#475b55

#475b55
rgb(71,91,85)

#465b55

#465b55
rgb(70,91,85)

#455b55

#455b55
rgb(69,91,85)

#455b55

#455b55
rgb(69,91,85)

Tons e Matizes de #445b54

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

Matiz (adicionando branco)
#445b54

#445b54
rgb(68,91,84)

#697b76

#697b76
rgb(105,123,118)

#8e9c98

#8e9c98
rgb(142,156,152)

#b4bdba

#b4bdba
rgb(180,189,186)

#d9dedc

#d9dedc
rgb(217,222,220)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#445b54

#445b54
rgb(68,91,84)

#364843

#364843
rgb(54,72,67)

#283632

#283632
rgb(40,54,50)

#1b2421

#1b2421
rgb(27,36,33)

#0d1210

#0d1210
rgb(13,18,16)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #445b54

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

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

Contraste

Branco e #445b54
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Preto e #445b54
Texto grande WCAG AA X Não 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 #445b54

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

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

Este parágrafo tem fundo de cor #445b54.

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

Este elemento tem uma cor de borda de #445b54.

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

Cores alietórias

#06ef83

#06ef83
rgb(6,239,131)

#9f26ff

#9f26ff
rgb(159,38,255)

#9faf17

#9faf17
rgb(159,175,23)

#46c98c

#46c98c
rgb(70,201,140)

#a43993

#a43993
rgb(164,57,147)

#b5f15b

#b5f15b
rgb(181,241,91)

#ba4b6b

#ba4b6b
rgb(186,75,107)

#e4717b

#e4717b
rgb(228,113,123)

#1a2eb3

#1a2eb3
rgb(26,46,179)

#3b018d

#3b018d
rgb(59,1,141)

#6acd16

#6acd16
rgb(106,205,22)

#fc1d7e

#fc1d7e
rgb(252,29,126)