Informação da cor #2c3489

A cor hexadecimal 2c3489 no modelo de cores RGB (Red, Green, Blue), é um composta por 44 de vermelho, 52 de verde e 137 de azul.

No padrão de cores CMYK, é composto por 67.9% de ciano, 62% de magenta, 0% de amarelo e 46.3% de preto. Tem um ângulo de matiz de 234.8 graus, uma saturação de 51.4% e uma leveza de 35.5%.

A cor mais próxima WebSafe é 003366.

Conversões de #2c3489 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 2c3489
RGB 44, 52, 137
RGB Percentagem 17.3%, 20.4%, 53.7%
CMYK 0.68, 0.62, 0, 0.46
HSL 234.8°, 51.4%, 35.5%
HSV (ou HSB) 234.8°, 67.9%, 53.7%
RYB 17.3, 20.4, 53.7
Formato Cor
XYZ 8.1, 6, 27.3
CIELab 29.43, 24.26, -47.77
Decimal 2897033
Yxy 4.797, 0.1894, 0.134
YUV 59.298, 171.8499, 117.0885
CIELuv 26.1484, -6.3667, -62.2851
Web Safe 003366

Distribuição de #2c3489

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.

#2c3489

#2c3489
rgb(44,52,137)

#89822d

#89822d
rgb(137,130,45)

Cores triadicas

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

#892d34

#892d34
rgb(137,45,52)

#2c3489

#2c3489
rgb(44,52,137)

#34892d

#34892d
rgb(52,137,45)

Cores tetrádicas

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

#892d63

#892d63
rgb(137,45,99)

#2c3489

#2c3489
rgb(44,52,137)

#89822d

#89822d
rgb(137,130,45)

#2d8953

#2d8953
rgb(45,137,83)

Cores monocromáticas

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

#2c3489

#2c3489
rgb(44,52,137)

#6c6e89

#6c6e89
rgb(108,110,137)

#6a6d89

#6a6d89
rgb(106,109,137)

#696c89

#696c89
rgb(105,108,137)

#686b89

#686b89
rgb(104,107,137)

#666989

#666989
rgb(102,105,137)

Tons e Matizes de #2c3489

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

Matiz (adicionando branco)
#2c3489

#2c3489
rgb(44,52,137)

#565ca0

#565ca0
rgb(86,92,160)

#8085b8

#8085b8
rgb(128,133,184)

#aaadcf

#aaadcf
rgb(170,173,207)

#d4d6e7

#d4d6e7
rgb(212,214,231)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#2c3489

#2c3489
rgb(44,52,137)

#23296d

#23296d
rgb(35,41,109)

#1a1f52

#1a1f52
rgb(26,31,82)

#111436

#111436
rgb(17,20,54)

#080a1b

#080a1b
rgb(8,10,27)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #2c3489

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

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

Contraste

Branco e #2c3489
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 #2c3489
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 #2c3489

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

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

Este parágrafo tem fundo de cor #2c3489.

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

Este elemento tem uma cor de borda de #2c3489.

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

Cores alietórias

#94f63d

#94f63d
rgb(148,246,61)

#eb22fc

#eb22fc
rgb(235,34,252)

#03f117

#03f117
rgb(3,241,23)

#2725d6

#2725d6
rgb(39,37,214)

#c9e003

#c9e003
rgb(201,224,3)

#c2f0f0

#c2f0f0
rgb(194,240,240)

#8d81b3

#8d81b3
rgb(141,129,179)

#27523c

#27523c
rgb(39,82,60)

#17e7b2

#17e7b2
rgb(23,231,178)

#ee0de6

#ee0de6
rgb(238,13,230)

#6985df

#6985df
rgb(105,133,223)

#d578e5

#d578e5
rgb(213,120,229)