Informação da cor #3401ae

A cor hexadecimal 3401ae no modelo de cores RGB (Red, Green, Blue), é um composta por 52 de vermelho, 1 de verde e 174 de azul.

No padrão de cores CMYK, é composto por 70.1% de ciano, 99.4% de magenta, 0% de amarelo e 31.8% de preto. Tem um ângulo de matiz de 257.7 graus, uma saturação de 98.9% e uma leveza de 34.3%.

A cor mais próxima WebSafe é 330099.

Conversões de #3401ae 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 3401ae
RGB 52, 1, 174
RGB Percentagem 20.4%, 0.4%, 68.2%
CMYK 0.7, 0.99, 0, 0.32
HSL 257.7°, 98.9%, 34.3%
HSV (ou HSB) 257.7°, 99.4%, 68.2%
RYB 20.4, 0.4, 68.2
Formato Cor
XYZ 10.1, 4.3, 43.3
CIELab 24.55, 61.99, -77.17
Decimal 3408302
Yxy 3.807, 0.1705, 0.0716
YUV 35.971, 205.8945, 139.433
CIELuv 23.0227, -1.196, -85.3475
Web Safe 330099

Distribuição de #3401ae

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.

#3401ae

#3401ae
rgb(52,1,174)

#7bae02

#7bae02
rgb(123,174,2)

Cores triadicas

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

#ae3502

#ae3502
rgb(174,53,2)

#3401ae

#3401ae
rgb(52,1,174)

#02ae35

#02ae35
rgb(2,174,53)

Cores tetrádicas

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

#ae0225

#ae0225
rgb(174,2,37)

#3401ae

#3401ae
rgb(52,1,174)

#7bae02

#7bae02
rgb(123,174,2)

#02ae8b

#02ae8b
rgb(2,174,139)

Cores monocromáticas

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

#3401ae

#3401ae
rgb(52,1,174)

#9488ae

#9488ae
rgb(148,136,174)

#9286ae

#9286ae
rgb(146,134,174)

#9185ae

#9185ae
rgb(145,133,174)

#9083ae

#9083ae
rgb(144,131,174)

#8f81ae

#8f81ae
rgb(143,129,174)

Tons e Matizes de #3401ae

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

Matiz (adicionando branco)
#3401ae

#3401ae
rgb(52,1,174)

#5c33be

#5c33be
rgb(92,51,190)

#8566ce

#8566ce
rgb(133,102,206)

#ad99de

#ad99de
rgb(173,153,222)

#d6ccee

#d6ccee
rgb(214,204,238)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#3401ae

#3401ae
rgb(52,1,174)

#29008b

#29008b
rgb(41,0,139)

#1f0068

#1f0068
rgb(31,0,104)

#140045

#140045
rgb(20,0,69)

#0a0022

#0a0022
rgb(10,0,34)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #3401ae

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

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

Contraste

Branco e #3401ae
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 #3401ae
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 #3401ae

Este exemplo mostra como o texto na cor #3401ae se parece.

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

Este parágrafo tem fundo de cor #3401ae.

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

Este elemento tem uma cor de borda de #3401ae.

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

Cores alietórias

#8f508e

#8f508e
rgb(143,80,142)

#f1c3a9

#f1c3a9
rgb(241,195,169)

#5f13fc

#5f13fc
rgb(95,19,252)

#7bd3f1

#7bd3f1
rgb(123,211,241)

#43d2f2

#43d2f2
rgb(67,210,242)

#6fa5b2

#6fa5b2
rgb(111,165,178)

#e67c9c

#e67c9c
rgb(230,124,156)

#e1400e

#e1400e
rgb(225,64,14)

#c1f423

#c1f423
rgb(193,244,35)

#1bc2cc

#1bc2cc
rgb(27,194,204)

#68afdc

#68afdc
rgb(104,175,220)

#9f3acd

#9f3acd
rgb(159,58,205)