Informação da cor #9400d3

A cor hexadecimal 9400d3 no modelo de cores RGB (Red, Green, Blue), é um composta por 148 de vermelho, 0 de verde e 211 de azul.

No padrão de cores CMYK, é composto por 29.9% de ciano, 100% de magenta, 0% de amarelo e 17.3% de preto. Tem um ângulo de matiz de 282.1 graus, uma saturação de 100% e uma leveza de 41.4%.

A cor mais próxima WebSafe é 6600CC.

Conversões de #9400d3 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 9400d3
RGB 148, 0, 211
RGB Percentagem 58%, 0%, 82.7%
CMYK 0.3, 1, 0, 0.17
HSL 282.1°, 100%, 41.4%
HSV (ou HSB) 282.1°, 100%, 82.8%
RYB 58, 0, 82.7
Formato Cor
XYZ 25.7, 11.8, 64.8
CIELab 40.96, 77.79, -70.01
Decimal 9699539
Yxy 10.9996, 0.246, 0.1129
YUV 68.306, 208.5271, 184.8432
CIELuv 39.5798, 29.2655, -105.6452
Web Safe 6600CC

Distribuição de #9400d3

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.

#9400d3

#9400d3
rgb(148,0,211)

#40d300

#40d300
rgb(64,211,0)

Cores triadicas

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

#d39400

#d39400
rgb(211,148,0)

#9400d3

#9400d3
rgb(148,0,211)

#00d394

#00d394
rgb(0,211,148)

Cores tetrádicas

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

#d32b00

#d32b00
rgb(211,43,0)

#9400d3

#9400d3
rgb(148,0,211)

#40d300

#40d300
rgb(64,211,0)

#00a9d3

#00a9d3
rgb(0,169,211)

Cores monocromáticas

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

#9400d3

#9400d3
rgb(148,0,211)

#c6a5d3

#c6a5d3
rgb(198,165,211)

#c5a3d3

#c5a3d3
rgb(197,163,211)

#c4a1d3

#c4a1d3
rgb(196,161,211)

#c49fd3

#c49fd3
rgb(196,159,211)

#c39dd3

#c39dd3
rgb(195,157,211)

Tons e Matizes de #9400d3

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

Matiz (adicionando branco)
#9400d3

#9400d3
rgb(148,0,211)

#a933db

#a933db
rgb(169,51,219)

#be66e4

#be66e4
rgb(190,102,228)

#d499ed

#d499ed
rgb(212,153,237)

#e9ccf6

#e9ccf6
rgb(233,204,246)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#9400d3

#9400d3
rgb(148,0,211)

#7600a8

#7600a8
rgb(118,0,168)

#58007e

#58007e
rgb(88,0,126)

#3b0054

#3b0054
rgb(59,0,84)

#1d002a

#1d002a
rgb(29,0,42)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #9400d3

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

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

Contraste

Branco e #9400d3
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Preto e #9400d3
Texto grande WCAG AA ✓ 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 #9400d3

Este exemplo mostra como o texto na cor #9400d3 se parece.

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

Este parágrafo tem fundo de cor #9400d3.

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

Este elemento tem uma cor de borda de #9400d3.

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

Cores alietórias

#bc6c06

#bc6c06
rgb(188,108,6)

#597d0b

#597d0b
rgb(89,125,11)

#b56eb6

#b56eb6
rgb(181,110,182)

#5d4afd

#5d4afd
rgb(93,74,253)

#c3678b

#c3678b
rgb(195,103,139)

#9e28da

#9e28da
rgb(158,40,218)

#720e11

#720e11
rgb(114,14,17)

#9df6ed

#9df6ed
rgb(157,246,237)

#0f8114

#0f8114
rgb(15,129,20)

#988ed2

#988ed2
rgb(152,142,210)

#ba77d6

#ba77d6
rgb(186,119,214)

#837eb2

#837eb2
rgb(131,126,178)