Informação da cor #7c5662

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

No padrão de cores CMYK, é composto por 0% de ciano, 30.6% de magenta, 21% de amarelo e 51.4% de preto. Tem um ângulo de matiz de 341.1 graus, uma saturação de 18.1% e uma leveza de 41.2%.

A cor mais próxima WebSafe é 663333.

Conversões de #7c5662 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 7c5662
RGB 124, 86, 98
RGB Percentagem 48.6%, 33.7%, 38.4%
CMYK 0, 0.31, 0.21, 0.51
HSL 341.1°, 18.1%, 41.2%
HSV (ou HSB) 341.1°, 30.7%, 48.6%
RYB 48.6, 33.7, 38.4
Formato Cor
XYZ 16.2, 14.1, 15.6
CIELab 44.32, 17.12, -0.72
Decimal 8148578
Yxy 11.8232, 0.3571, 0.3049
YUV 98.73, 127.588, 146.0243
CIELuv 40.9338, 22.5653, -3.5722
Web Safe 663333

Distribuição de #7c5662

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.

#7c5662

#7c5662
rgb(124,86,98)

#567c71

#567c71
rgb(86,124,113)

Cores triadicas

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

#627c56

#627c56
rgb(98,124,86)

#7c5662

#7c5662
rgb(124,86,98)

#56627c

#56627c
rgb(86,98,124)

Cores tetrádicas

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

#757c56

#757c56
rgb(117,124,86)

#7c5662

#7c5662
rgb(124,86,98)

#567c71

#567c71
rgb(86,124,113)

#5e567c

#5e567c
rgb(94,86,124)

Cores monocromáticas

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

#7c5662

#7c5662
rgb(124,86,98)

#7c626a

#7c626a
rgb(124,98,106)

#7c616a

#7c616a
rgb(124,97,106)

#7c6069

#7c6069
rgb(124,96,105)

#7c5e68

#7c5e68
rgb(124,94,104)

#7c5d67

#7c5d67
rgb(124,93,103)

Tons e Matizes de #7c5662

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

Matiz (adicionando branco)
#7c5662

#7c5662
rgb(124,86,98)

#967781

#967781
rgb(150,119,129)

#b099a0

#b099a0
rgb(176,153,160)

#cabbc0

#cabbc0
rgb(202,187,192)

#e4dddf

#e4dddf
rgb(228,221,223)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#7c5662

#7c5662
rgb(124,86,98)

#63444e

#63444e
rgb(99,68,78)

#4a333a

#4a333a
rgb(74,51,58)

#312227

#312227
rgb(49,34,39)

#181113

#181113
rgb(24,17,19)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #7c5662

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#652df6

#652df6
rgb(101,45,246)

#fa5c2d

#fa5c2d
rgb(250,92,45)

#8c47c4

#8c47c4
rgb(140,71,196)

#2740ca

#2740ca
rgb(39,64,202)

#0300a3

#0300a3
rgb(3,0,163)

#b54ff5

#b54ff5
rgb(181,79,245)

#f19d92

#f19d92
rgb(241,157,146)

#d4327d

#d4327d
rgb(212,50,125)

#1df957

#1df957
rgb(29,249,87)

#930e42

#930e42
rgb(147,14,66)

#eed1b3

#eed1b3
rgb(238,209,179)

#b06342

#b06342
rgb(176,99,66)