Informação da cor #3d0051

A cor hexadecimal 3d0051 no modelo de cores RGB (Red, Green, Blue), é um composta por 61 de vermelho, 0 de verde e 81 de azul.

No padrão de cores CMYK, é composto por 24.7% de ciano, 100% de magenta, 0% de amarelo e 68.2% de preto. Tem um ângulo de matiz de 285.2 graus, uma saturação de 100% e uma leveza de 15.9%.

A cor mais próxima WebSafe é 330033.

Conversões de #3d0051 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 3d0051
RGB 61, 0, 81
RGB Percentagem 23.9%, 0%, 31.8%
CMYK 0.25, 1, 0, 0.68
HSL 285.2°, 100%, 15.9%
HSV (ou HSB) 285.2°, 100%, 31.8%
RYB 23.9, 0, 31.8
Formato Cor
XYZ 4.3, 2, 9.8
CIELab 15.55, 42.34, -35.06
Decimal 3997777
Yxy 1.5863, 0.2642, 0.1229
YUV 27.473, 158.2071, 151.9137
CIELuv 13.1466, 11.9494, -32.1353
Web Safe 330033

Distribuição de #3d0051

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.

#3d0051

#3d0051
rgb(61,0,81)

#155100

#155100
rgb(21,81,0)

Cores triadicas

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

#513d00

#513d00
rgb(81,61,0)

#3d0051

#3d0051
rgb(61,0,81)

#00513d

#00513d
rgb(0,81,61)

Cores tetrádicas

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

#511500

#511500
rgb(81,21,0)

#3d0051

#3d0051
rgb(61,0,81)

#155100

#155100
rgb(21,81,0)

#003d51

#003d51
rgb(0,61,81)

Cores monocromáticas

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

#3d0051

#3d0051
rgb(61,0,81)

#4d4051

#4d4051
rgb(77,64,81)

#4d3f51

#4d3f51
rgb(77,63,81)

#4d3e51

#4d3e51
rgb(77,62,81)

#4c3d51

#4c3d51
rgb(76,61,81)

#4c3c51

#4c3c51
rgb(76,60,81)

Tons e Matizes de #3d0051

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

Matiz (adicionando branco)
#3d0051

#3d0051
rgb(61,0,81)

#633373

#633373
rgb(99,51,115)

#8a6696

#8a6696
rgb(138,102,150)

#b199b9

#b199b9
rgb(177,153,185)

#d8ccdc

#d8ccdc
rgb(216,204,220)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#3d0051

#3d0051
rgb(61,0,81)

#300040

#300040
rgb(48,0,64)

#240030

#240030
rgb(36,0,48)

#180020

#180020
rgb(24,0,32)

#0c0010

#0c0010
rgb(12,0,16)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #3d0051

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

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

Contraste

Branco e #3d0051
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 #3d0051
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 #3d0051

Este exemplo mostra como o texto na cor #3d0051 se parece.

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

Este parágrafo tem fundo de cor #3d0051.

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

Este elemento tem uma cor de borda de #3d0051.

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

Cores alietórias

#6c464e

#6c464e
rgb(108,70,78)

#a9c67a

#a9c67a
rgb(169,198,122)

#e94674

#e94674
rgb(233,70,116)

#9dfa6c

#9dfa6c
rgb(157,250,108)

#231b4a

#231b4a
rgb(35,27,74)

#09d790

#09d790
rgb(9,215,144)

#5efd7b

#5efd7b
rgb(94,253,123)

#eae3a7

#eae3a7
rgb(234,227,167)

#a02e35

#a02e35
rgb(160,46,53)

#37818f

#37818f
rgb(55,129,143)

#340c5e

#340c5e
rgb(52,12,94)

#549b7d

#549b7d
rgb(84,155,125)