Informação da cor #2c28b1

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

No padrão de cores CMYK, é composto por 75.1% de ciano, 77.4% de magenta, 0% de amarelo e 30.6% de preto. Tem um ângulo de matiz de 241.8 graus, uma saturação de 63.1% e uma leveza de 42.6%.

A cor mais próxima WebSafe é 000099.

Conversões de #2c28b1 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 2c28b1
RGB 44, 40, 177
RGB Percentagem 17.3%, 15.7%, 69.4%
CMYK 0.75, 0.77, 0, 0.31
HSL 241.8°, 63.1%, 42.6%
HSV (ou HSB) 241.8°, 77.4%, 69.4%
RYB 17.3, 15.7, 69.4
Formato Cor
XYZ 11, 6.2, 45.2
CIELab 29.96, 45.24, -69.91
Decimal 2894001
Yxy 5.2264, 0.1706, 0.0916
YUV 56.814, 195.8251, 118.8603
CIELuv 27.3702, -5.7909, -88.5684
Web Safe 000099

Distribuição de #2c28b1

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.

#2c28b1

#2c28b1
rgb(44,40,177)

#adb129

#adb129
rgb(173,177,41)

Cores triadicas

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

#b12d29

#b12d29
rgb(177,45,41)

#2c28b1

#2c28b1
rgb(44,40,177)

#29b12d

#29b12d
rgb(41,177,45)

Cores tetrádicas

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

#b12969

#b12969
rgb(177,41,105)

#2c28b1

#2c28b1
rgb(44,40,177)

#adb129

#adb129
rgb(173,177,41)

#29b171

#29b171
rgb(41,177,113)

Cores monocromáticas

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

#2c28b1

#2c28b1
rgb(44,40,177)

#8c8bb1

#8c8bb1
rgb(140,139,177)

#8a89b1

#8a89b1
rgb(138,137,177)

#8987b1

#8987b1
rgb(137,135,177)

#8786b1

#8786b1
rgb(135,134,177)

#8584b1

#8584b1
rgb(133,132,177)

Tons e Matizes de #2c28b1

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

Matiz (adicionando branco)
#2c28b1

#2c28b1
rgb(44,40,177)

#5653c0

#5653c0
rgb(86,83,192)

#807ed0

#807ed0
rgb(128,126,208)

#aaa9df

#aaa9df
rgb(170,169,223)

#d4d4ef

#d4d4ef
rgb(212,212,239)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#2c28b1

#2c28b1
rgb(44,40,177)

#23208d

#23208d
rgb(35,32,141)

#1a186a

#1a186a
rgb(26,24,106)

#110f46

#110f46
rgb(17,15,70)

#080723

#080723
rgb(8,7,35)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #2c28b1

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#e7eeff

#e7eeff
rgb(231,238,255)

#dee059

#dee059
rgb(222,224,89)

#15492b

#15492b
rgb(21,73,43)

#218883

#218883
rgb(33,136,131)

#58f050

#58f050
rgb(88,240,80)

#44f9dc

#44f9dc
rgb(68,249,220)

#a9bf89

#a9bf89
rgb(169,191,137)

#4ca6f8

#4ca6f8
rgb(76,166,248)

#3ca1c0

#3ca1c0
rgb(60,161,192)

#440489

#440489
rgb(68,4,137)

#559b16

#559b16
rgb(85,155,22)

#de2080

#de2080
rgb(222,32,128)