Informação da cor #436d64

A cor hexadecimal 436d64 no modelo de cores RGB (Red, Green, Blue), é um composta por 67 de vermelho, 109 de verde e 100 de azul.

No padrão de cores CMYK, é composto por 38.5% de ciano, 0% de magenta, 8.3% de amarelo e 57.3% de preto. Tem um ângulo de matiz de 167.1 graus, uma saturação de 23.9% e uma leveza de 34.5%.

A cor mais próxima WebSafe é 336633.

Conversões de #436d64 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 436d64
RGB 67, 109, 100
RGB Percentagem 26.3%, 42.7%, 39.2%
CMYK 0.39, 0, 0.08, 0.57
HSL 167.1°, 23.9%, 34.5%
HSV (ou HSB) 167.1°, 38.5%, 42.8%
RYB 26.3, 35.7, 42.7
Formato Cor
XYZ 12.1, 15.4, 16.7
CIELab 46.18, -16.69, 0.25
Decimal 4418916
Yxy 13.05, 0.2712, 0.351
YUV 95.416, 130.5869, 107.7318
CIELuv 42.8385, -19.5957, 2.9699
Web Safe 336633

Distribuição de #436d64

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.

#436d64

#436d64
rgb(67,109,100)

#6d434d

#6d434d
rgb(109,67,77)

Cores triadicas

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

#64436d

#64436d
rgb(100,67,109)

#436d64

#436d64
rgb(67,109,100)

#6d6443

#6d6443
rgb(109,100,67)

Cores tetrádicas

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

#4f436d

#4f436d
rgb(79,67,109)

#436d64

#436d64
rgb(67,109,100)

#6d434d

#6d434d
rgb(109,67,77)

#626d43

#626d43
rgb(98,109,67)

Cores monocromáticas

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

#436d64

#436d64
rgb(67,109,100)

#566d69

#566d69
rgb(86,109,105)

#556d68

#556d68
rgb(85,109,104)

#546d68

#546d68
rgb(84,109,104)

#536d68

#536d68
rgb(83,109,104)

#526d68

#526d68
rgb(82,109,104)

Tons e Matizes de #436d64

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

Matiz (adicionando branco)
#436d64

#436d64
rgb(67,109,100)

#688a83

#688a83
rgb(104,138,131)

#8ea7a2

#8ea7a2
rgb(142,167,162)

#b3c4c1

#b3c4c1
rgb(179,196,193)

#d9e1e0

#d9e1e0
rgb(217,225,224)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#436d64

#436d64
rgb(67,109,100)

#355750

#355750
rgb(53,87,80)

#28413c

#28413c
rgb(40,65,60)

#1a2b27

#1a2b27
rgb(26,43,39)

#0d1513

#0d1513
rgb(13,21,19)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #436d64

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

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

Contraste

Branco e #436d64
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 #436d64
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 #436d64

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

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

Este parágrafo tem fundo de cor #436d64.

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

Este elemento tem uma cor de borda de #436d64.

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

Cores alietórias

#46e807

#46e807
rgb(70,232,7)

#767ecf

#767ecf
rgb(118,126,207)

#6f1ab3

#6f1ab3
rgb(111,26,179)

#c7d071

#c7d071
rgb(199,208,113)

#7b2e94

#7b2e94
rgb(123,46,148)

#05ff15

#05ff15
rgb(5,255,21)

#35c684

#35c684
rgb(53,198,132)

#320d33

#320d33
rgb(50,13,51)

#1315bc

#1315bc
rgb(19,21,188)

#31dc43

#31dc43
rgb(49,220,67)

#d2df58

#d2df58
rgb(210,223,88)

#a196fd

#a196fd
rgb(161,150,253)