Informação da cor #2404e2

A cor hexadecimal 2404e2 no modelo de cores RGB (Red, Green, Blue), é um composta por 36 de vermelho, 4 de verde e 226 de azul.

No padrão de cores CMYK, é composto por 84.1% de ciano, 98.2% de magenta, 0% de amarelo e 11.4% de preto. Tem um ângulo de matiz de 248.7 graus, uma saturação de 96.5% e uma leveza de 45.1%.

A cor mais próxima WebSafe é 0000CC.

Conversões de #2404e2 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 2404e2
RGB 36, 4, 226
RGB Percentagem 14.1%, 1.6%, 88.6%
CMYK 0.84, 0.98, 0, 0.11
HSL 248.7°, 96.5%, 45.1%
HSV (ou HSB) 248.7°, 98.2%, 88.6%
RYB 14.1, 1.6, 88.6
Formato Cor
XYZ 15.1, 6.2, 74
CIELab 29.98, 72.63, -96.56
Decimal 2360546
Yxy 5.9511, 0.1562, 0.0642
YUV 38.876, 233.6004, 125.9487
CIELuv 29.2888, -6.5022, -114.7363
Web Safe 0000CC

Distribuição de #2404e2

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.

#2404e2

#2404e2
rgb(36,4,226)

#c2e205

#c2e205
rgb(194,226,5)

Cores triadicas

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

#e22505

#e22505
rgb(226,37,5)

#2404e2

#2404e2
rgb(36,4,226)

#05e225

#05e225
rgb(5,226,37)

Cores tetrádicas

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

#e20553

#e20553
rgb(226,5,83)

#2404e2

#2404e2
rgb(36,4,226)

#c2e205

#c2e205
rgb(194,226,5)

#05e294

#05e294
rgb(5,226,148)

Cores monocromáticas

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

#2404e2

#2404e2
rgb(36,4,226)

#b8b1e2

#b8b1e2
rgb(184,177,226)

#b6afe2

#b6afe2
rgb(182,175,226)

#b4ace2

#b4ace2
rgb(180,172,226)

#b2aae2

#b2aae2
rgb(178,170,226)

#b0a8e2

#b0a8e2
rgb(176,168,226)

Tons e Matizes de #2404e2

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

Matiz (adicionando branco)
#2404e2

#2404e2
rgb(36,4,226)

#4f36e7

#4f36e7
rgb(79,54,231)

#7b68ed

#7b68ed
rgb(123,104,237)

#a79af3

#a79af3
rgb(167,154,243)

#d3ccf9

#d3ccf9
rgb(211,204,249)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#2404e2

#2404e2
rgb(36,4,226)

#1c03b4

#1c03b4
rgb(28,3,180)

#150287

#150287
rgb(21,2,135)

#0e015a

#0e015a
rgb(14,1,90)

#07002d

#07002d
rgb(7,0,45)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #2404e2

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

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

Contraste

Branco e #2404e2
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 #2404e2
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 #2404e2

Este exemplo mostra como o texto na cor #2404e2 se parece.

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

Este parágrafo tem fundo de cor #2404e2.

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

Este elemento tem uma cor de borda de #2404e2.

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

Cores alietórias

#735692

#735692
rgb(115,86,146)

#857f37

#857f37
rgb(133,127,55)

#91ded3

#91ded3
rgb(145,222,211)

#26be14

#26be14
rgb(38,190,20)

#d5b62d

#d5b62d
rgb(213,182,45)

#d7dde7

#d7dde7
rgb(215,221,231)

#92de39

#92de39
rgb(146,222,57)

#a5bc64

#a5bc64
rgb(165,188,100)

#653690

#653690
rgb(101,54,144)

#66364f

#66364f
rgb(102,54,79)

#d792be

#d792be
rgb(215,146,190)

#9174e5

#9174e5
rgb(145,116,229)