Informação da cor #455a3d

A cor hexadecimal 455a3d no modelo de cores RGB (Red, Green, Blue), é um composta por 69 de vermelho, 90 de verde e 61 de azul.

No padrão de cores CMYK, é composto por 23.3% de ciano, 0% de magenta, 32.2% de amarelo e 64.7% de preto. Tem um ângulo de matiz de 103.5 graus, uma saturação de 19.2% e uma leveza de 29.6%.

A cor mais próxima WebSafe é 333333.

Conversões de #455a3d 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 455a3d
RGB 69, 90, 61
RGB Percentagem 27.1%, 35.3%, 23.9%
CMYK 0.23, 0, 0.32, 0.65
HSL 103.5°, 19.2%, 29.6%
HSV (ou HSB) 103.5°, 32.2%, 35.3%
RYB 23.9, 35.3, 32.2
Formato Cor
XYZ 8.6, 10.9, 7.4
CIELab 39.37, -14.1, 14.06
Decimal 4545085
Yxy 8.9143, 0.3214, 0.412
YUV 80.415, 117.0435, 119.858
CIELuv 35.8187, -10.1489, 18.4071
Web Safe 333333

Distribuição de #455a3d

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.

#455a3d

#455a3d
rgb(69,90,61)

#523e5a

#523e5a
rgb(82,62,90)

Cores triadicas

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

#3e465a

#3e465a
rgb(62,70,90)

#455a3d

#455a3d
rgb(69,90,61)

#5a3e46

#5a3e46
rgb(90,62,70)

Cores tetrádicas

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

#3e545a

#3e545a
rgb(62,84,90)

#455a3d

#455a3d
rgb(69,90,61)

#523e5a

#523e5a
rgb(82,62,90)

#5a443e

#5a443e
rgb(90,68,62)

Cores monocromáticas

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

#455a3d

#455a3d
rgb(69,90,61)

#4d5a47

#4d5a47
rgb(77,90,71)

#4c5a46

#4c5a46
rgb(76,90,70)

#4b5a46

#4b5a46
rgb(75,90,70)

#4b5a45

#4b5a45
rgb(75,90,69)

#4a5a44

#4a5a44
rgb(74,90,68)

Tons e Matizes de #455a3d

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

Matiz (adicionando branco)
#455a3d

#455a3d
rgb(69,90,61)

#6a7b63

#6a7b63
rgb(106,123,99)

#8f9c8a

#8f9c8a
rgb(143,156,138)

#b4bdb1

#b4bdb1
rgb(180,189,177)

#d9ded8

#d9ded8
rgb(217,222,216)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#455a3d

#455a3d
rgb(69,90,61)

#374830

#374830
rgb(55,72,48)

#293624

#293624
rgb(41,54,36)

#1b2318

#1b2318
rgb(27,35,24)

#0d110c

#0d110c
rgb(13,17,12)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #455a3d

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

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

Contraste

Branco e #455a3d
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 #455a3d
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 #455a3d

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

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

Este parágrafo tem fundo de cor #455a3d.

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

Este elemento tem uma cor de borda de #455a3d.

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

Cores alietórias

#89b4c8

#89b4c8
rgb(137,180,200)

#368284

#368284
rgb(54,130,132)

#8cc755

#8cc755
rgb(140,199,85)

#3c9c75

#3c9c75
rgb(60,156,117)

#38eb90

#38eb90
rgb(56,235,144)

#5e032e

#5e032e
rgb(94,3,46)

#364f9c

#364f9c
rgb(54,79,156)

#245f12

#245f12
rgb(36,95,18)

#ed8714

#ed8714
rgb(237,135,20)

#14afb4

#14afb4
rgb(20,175,180)

#ab548e

#ab548e
rgb(171,84,142)

#6f5dfe

#6f5dfe
rgb(111,93,254)