Informação da cor #7c268d

A cor hexadecimal 7c268d no modelo de cores RGB (Red, Green, Blue), é um composta por 124 de vermelho, 38 de verde e 141 de azul.

No padrão de cores CMYK, é composto por 12.1% de ciano, 73% de magenta, 0% de amarelo e 44.7% de preto. Tem um ângulo de matiz de 290.1 graus, uma saturação de 57.5% e uma leveza de 35.1%.

A cor mais próxima WebSafe é 660066.

Conversões de #7c268d 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 7c268d
RGB 124, 38, 141
RGB Percentagem 48.6%, 14.9%, 55.3%
CMYK 0.12, 0.73, 0, 0.45
HSL 290.1°, 57.5%, 35.1%
HSV (ou HSB) 290.1°, 73.1%, 55.3%
RYB 48.6, 14.9, 55.3
Formato Cor
XYZ 15.8, 9, 29
CIELab 35.93, 51.27, -39.19
Decimal 8136333
Yxy 7.5951, 0.2918, 0.1604
YUV 75.456, 164.9887, 162.6249
CIELuv 33.125, 30.5603, -58.4631
Web Safe 660066

Distribuição de #7c268d

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.

#7c268d

#7c268d
rgb(124,38,141)

#388d26

#388d26
rgb(56,141,38)

Cores triadicas

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

#8d7c26

#8d7c26
rgb(141,124,38)

#7c268d

#7c268d
rgb(124,38,141)

#268d7c

#268d7c
rgb(38,141,124)

Cores tetrádicas

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

#8d4926

#8d4926
rgb(141,73,38)

#7c268d

#7c268d
rgb(124,38,141)

#388d26

#388d26
rgb(56,141,38)

#266b8d

#266b8d
rgb(38,107,141)

Cores monocromáticas

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

#7c268d

#7c268d
rgb(124,38,141)

#886f8d

#886f8d
rgb(136,111,141)

#886d8d

#886d8d
rgb(136,109,141)

#886c8d

#886c8d
rgb(136,108,141)

#886b8d

#886b8d
rgb(136,107,141)

#88698d

#88698d
rgb(136,105,141)

Tons e Matizes de #7c268d

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

Matiz (adicionando branco)
#7c268d

#7c268d
rgb(124,38,141)

#9651a3

#9651a3
rgb(150,81,163)

#b07cba

#b07cba
rgb(176,124,186)

#caa8d1

#caa8d1
rgb(202,168,209)

#e4d3e8

#e4d3e8
rgb(228,211,232)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#7c268d

#7c268d
rgb(124,38,141)

#631e70

#631e70
rgb(99,30,112)

#4a1654

#4a1654
rgb(74,22,84)

#310f38

#310f38
rgb(49,15,56)

#18071c

#18071c
rgb(24,7,28)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #7c268d

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

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

Contraste

Branco e #7c268d
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 #7c268d
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 #7c268d

Este exemplo mostra como o texto na cor #7c268d se parece.

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

Este parágrafo tem fundo de cor #7c268d.

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

Este elemento tem uma cor de borda de #7c268d.

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

Cores alietórias

#3f76a0

#3f76a0
rgb(63,118,160)

#5aae91

#5aae91
rgb(90,174,145)

#9120e9

#9120e9
rgb(145,32,233)

#564141

#564141
rgb(86,65,65)

#fe6f90

#fe6f90
rgb(254,111,144)

#fe5ecb

#fe5ecb
rgb(254,94,203)

#cb0376

#cb0376
rgb(203,3,118)

#198db4

#198db4
rgb(25,141,180)

#ccf078

#ccf078
rgb(204,240,120)

#3dee58

#3dee58
rgb(61,238,88)

#647bb0

#647bb0
rgb(100,123,176)

#174c98

#174c98
rgb(23,76,152)