Informação da cor #36659b

A cor hexadecimal 36659b no modelo de cores RGB (Red, Green, Blue), é um composta por 54 de vermelho, 101 de verde e 155 de azul.

No padrão de cores CMYK, é composto por 65.2% de ciano, 34.8% de magenta, 0% de amarelo e 39.2% de preto. Tem um ângulo de matiz de 212.1 graus, uma saturação de 48.3% e uma leveza de 41%.

A cor mais próxima WebSafe é 333399.

Conversões de #36659b 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 36659b
RGB 54, 101, 155
RGB Percentagem 21.2%, 39.6%, 60.8%
CMYK 0.65, 0.35, 0, 0.39
HSL 212.1°, 48.3%, 41%
HSV (ou HSB) 212.1°, 65.2%, 60.8%
RYB 21.2, 34.1, 60.8
Formato Cor
XYZ 14, 14.7, 36.1
CIELab 45.17, 0.48, -32.99
Decimal 3564955
Yxy 12.457, 0.2109, 0.2173
YUV 93.103, 162.9306, 100.1092
CIELuv 41.9334, -19.1687, -49.705
Web Safe 333399

Distribuição de #36659b

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.

#36659b

#36659b
rgb(54,101,155)

#9b6d36

#9b6d36
rgb(155,109,54)

Cores triadicas

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

#9b3665

#9b3665
rgb(155,54,101)

#36659b

#36659b
rgb(54,101,155)

#659b36

#659b36
rgb(101,155,54)

Cores tetrádicas

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

#9b3698

#9b3698
rgb(155,54,152)

#36659b

#36659b
rgb(54,101,155)

#9b6d36

#9b6d36
rgb(155,109,54)

#369b3a

#369b3a
rgb(54,155,58)

Cores monocromáticas

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

#36659b

#36659b
rgb(54,101,155)

#7a8a9b

#7a8a9b
rgb(122,138,155)

#78899b

#78899b
rgb(120,137,155)

#77889b

#77889b
rgb(119,136,155)

#75879b

#75879b
rgb(117,135,155)

#74869b

#74869b
rgb(116,134,155)

Tons e Matizes de #36659b

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

Matiz (adicionando branco)
#36659b

#36659b
rgb(54,101,155)

#5e83af

#5e83af
rgb(94,131,175)

#86a2c3

#86a2c3
rgb(134,162,195)

#aec1d7

#aec1d7
rgb(174,193,215)

#d6e0eb

#d6e0eb
rgb(214,224,235)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#36659b

#36659b
rgb(54,101,155)

#2b507c

#2b507c
rgb(43,80,124)

#203c5d

#203c5d
rgb(32,60,93)

#15283d

#15283d
rgb(21,40,61)

#0a141e

#0a141e
rgb(10,20,30)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #36659b

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

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

Contraste

Branco e #36659b
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 #36659b
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 #36659b

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

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

Este parágrafo tem fundo de cor #36659b.

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

Este elemento tem uma cor de borda de #36659b.

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

Cores alietórias

#895b5c

#895b5c
rgb(137,91,92)

#d8cdd5

#d8cdd5
rgb(216,205,213)

#6c5b01

#6c5b01
rgb(108,91,1)

#a281e5

#a281e5
rgb(162,129,229)

#36ee1c

#36ee1c
rgb(54,238,28)

#8683cc

#8683cc
rgb(134,131,204)

#4bdc97

#4bdc97
rgb(75,220,151)

#ff52c8

#ff52c8
rgb(255,82,200)

#5f368d

#5f368d
rgb(95,54,141)

#ba94aa

#ba94aa
rgb(186,148,170)

#e04f01

#e04f01
rgb(224,79,1)

#b694f9

#b694f9
rgb(182,148,249)