Informação da cor #7b4272

A cor hexadecimal 7b4272 no modelo de cores RGB (Red, Green, Blue), é um composta por 123 de vermelho, 66 de verde e 114 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 46.3% de magenta, 7.3% de amarelo e 51.8% de preto. Tem um ângulo de matiz de 309.5 graus, uma saturação de 30.2% e uma leveza de 37.1%.

A cor mais próxima WebSafe é 663366.

Conversões de #7b4272 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 7b4272
RGB 123, 66, 114
RGB Percentagem 48.2%, 25.9%, 44.7%
CMYK 0, 0.46, 0.07, 0.52
HSL 309.5°, 30.2%, 37.1%
HSV (ou HSB) 309.5°, 46.3%, 48.2%
RYB 48.2, 25.9, 44.7
Formato Cor
XYZ 15.4, 11.2, 19.8
CIELab 39.91, 31.34, -16.95
Decimal 8077938
Yxy 9.3231, 0.333, 0.236
YUV 88.515, 142.382, 152.597
CIELuv 36.599, 28.5429, -27.1976
Web Safe 663366

Distribuição de #7b4272

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.

#7b4272

#7b4272
rgb(123,66,114)

#427b4c

#427b4c
rgb(66,123,76)

Cores triadicas

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

#727b42

#727b42
rgb(114,123,66)

#7b4272

#7b4272
rgb(123,66,114)

#42727b

#42727b
rgb(66,114,123)

Cores tetrádicas

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

#7b6842

#7b6842
rgb(123,104,66)

#7b4272

#7b4272
rgb(123,66,114)

#427b4c

#427b4c
rgb(66,123,76)

#42567b

#42567b
rgb(66,86,123)

Cores monocromáticas

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

#7b4272

#7b4272
rgb(123,66,114)

#7b6177

#7b6177
rgb(123,97,119)

#7b6077

#7b6077
rgb(123,96,119)

#7b5f77

#7b5f77
rgb(123,95,119)

#7b5d77

#7b5d77
rgb(123,93,119)

#7b5c77

#7b5c77
rgb(123,92,119)

Tons e Matizes de #7b4272

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

Matiz (adicionando branco)
#7b4272

#7b4272
rgb(123,66,114)

#95678e

#95678e
rgb(149,103,142)

#af8daa

#af8daa
rgb(175,141,170)

#cab3c6

#cab3c6
rgb(202,179,198)

#e4d9e2

#e4d9e2
rgb(228,217,226)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#7b4272

#7b4272
rgb(123,66,114)

#62345b

#62345b
rgb(98,52,91)

#492744

#492744
rgb(73,39,68)

#311a2d

#311a2d
rgb(49,26,45)

#180d16

#180d16
rgb(24,13,22)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #7b4272

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#4a1d40

#4a1d40
rgb(74,29,64)

#ec2012

#ec2012
rgb(236,32,18)

#65d91b

#65d91b
rgb(101,217,27)

#688ce0

#688ce0
rgb(104,140,224)

#5dd681

#5dd681
rgb(93,214,129)

#933a2d

#933a2d
rgb(147,58,45)

#5583ae

#5583ae
rgb(85,131,174)

#0f257a

#0f257a
rgb(15,37,122)

#f26f56

#f26f56
rgb(242,111,86)

#49fe6c

#49fe6c
rgb(73,254,108)

#3bf8f9

#3bf8f9
rgb(59,248,249)

#e64d05

#e64d05
rgb(230,77,5)