Informação da cor #390fd1

A cor hexadecimal 390fd1 no modelo de cores RGB (Red, Green, Blue), é um composta por 57 de vermelho, 15 de verde e 209 de azul.

No padrão de cores CMYK, é composto por 72.7% de ciano, 92.8% de magenta, 0% de amarelo e 18% de preto. Tem um ângulo de matiz de 253 graus, uma saturação de 86.6% e uma leveza de 43.9%.

A cor mais próxima WebSafe é 3300CC.

Conversões de #390fd1 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 390fd1
RGB 57, 15, 209
RGB Percentagem 22.4%, 5.9%, 82%
CMYK 0.73, 0.93, 0, 0.18
HSL 253°, 86.6%, 43.9%
HSV (ou HSB) 253°, 92.8%, 82%
RYB 22.4, 5.9, 82
Formato Cor
XYZ 14.4, 6.5, 63.1
CIELab 30.52, 66.16, -86.55
Decimal 3739601
Yxy 5.8136, 0.1672, 0.0728
YUV 49.674, 217.9131, 133.2255
CIELuv 28.9373, -3.3087, -106.5681
Web Safe 3300CC

Distribuição de #390fd1

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.

#390fd1

#390fd1
rgb(57,15,209)

#a7d110

#a7d110
rgb(167,209,16)

Cores triadicas

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

#d13a10

#d13a10
rgb(209,58,16)

#390fd1

#390fd1
rgb(57,15,209)

#10d13a

#10d13a
rgb(16,209,58)

Cores tetrádicas

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

#d11046

#d11046
rgb(209,16,70)

#390fd1

#390fd1
rgb(57,15,209)

#a7d110

#a7d110
rgb(167,209,16)

#10d19b

#10d19b
rgb(16,209,155)

Cores monocromáticas

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

#390fd1

#390fd1
rgb(57,15,209)

#aea4d1

#aea4d1
rgb(174,164,209)

#aca2d1

#aca2d1
rgb(172,162,209)

#aa9fd1

#aa9fd1
rgb(170,159,209)

#a99dd1

#a99dd1
rgb(169,157,209)

#a79bd1

#a79bd1
rgb(167,155,209)

Tons e Matizes de #390fd1

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

Matiz (adicionando branco)
#390fd1

#390fd1
rgb(57,15,209)

#603fda

#603fda
rgb(96,63,218)

#886fe3

#886fe3
rgb(136,111,227)

#af9fec

#af9fec
rgb(175,159,236)

#d7cff5

#d7cff5
rgb(215,207,245)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#390fd1

#390fd1
rgb(57,15,209)

#2d0ca7

#2d0ca7
rgb(45,12,167)

#22097d

#22097d
rgb(34,9,125)

#160553

#160553
rgb(22,5,83)

#0b0229

#0b0229
rgb(11,2,41)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #390fd1

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

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

Contraste

Branco e #390fd1
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 #390fd1
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 #390fd1

Este exemplo mostra como o texto na cor #390fd1 se parece.

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

Este parágrafo tem fundo de cor #390fd1.

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

Este elemento tem uma cor de borda de #390fd1.

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

Cores alietórias

#d10d03

#d10d03
rgb(209,13,3)

#2a26b2

#2a26b2
rgb(42,38,178)

#a00e8b

#a00e8b
rgb(160,14,139)

#1a9c89

#1a9c89
rgb(26,156,137)

#5d2397

#5d2397
rgb(93,35,151)

#ca3299

#ca3299
rgb(202,50,153)

#c5acae

#c5acae
rgb(197,172,174)

#4c0b6f

#4c0b6f
rgb(76,11,111)

#1d827e

#1d827e
rgb(29,130,126)

#1f15ef

#1f15ef
rgb(31,21,239)

#f00fa1

#f00fa1
rgb(240,15,161)

#69c60b

#69c60b
rgb(105,198,11)