Informação da cor #774d5b

A cor hexadecimal 774d5b no modelo de cores RGB (Red, Green, Blue), é um composta por 119 de vermelho, 77 de verde e 91 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 35.3% de magenta, 23.5% de amarelo e 53.3% de preto. Tem um ângulo de matiz de 340 graus, uma saturação de 21.4% e uma leveza de 38.4%.

A cor mais próxima WebSafe é 663333.

Conversões de #774d5b 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 774d5b
RGB 119, 77, 91
RGB Percentagem 46.7%, 30.2%, 35.7%
CMYK 0, 0.35, 0.24, 0.53
HSL 340°, 21.4%, 38.4%
HSV (ou HSB) 340°, 35.3%, 46.7%
RYB 46.7, 30.2, 35.7
Formato Cor
XYZ 14.3, 12, 13.5
CIELab 41.25, 19.39, -1.05
Decimal 7818587
Yxy 9.9858, 0.3647, 0.2997
YUV 91.154, 127.9131, 147.8616
CIELuv 37.8168, 24.9622, -4.2278
Web Safe 663333

Distribuição de #774d5b

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.

#774d5b

#774d5b
rgb(119,77,91)

#4e7769

#4e7769
rgb(78,119,105)

Cores triadicas

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

#5b774e

#5b774e
rgb(91,119,78)

#774d5b

#774d5b
rgb(119,77,91)

#4e5b77

#4e5b77
rgb(78,91,119)

Cores tetrádicas

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

#70774e

#70774e
rgb(112,119,78)

#774d5b

#774d5b
rgb(119,77,91)

#4e7769

#4e7769
rgb(78,119,105)

#554e77

#554e77
rgb(85,78,119)

Cores monocromáticas

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

#774d5b

#774d5b
rgb(119,77,91)

#775e67

#775e67
rgb(119,94,103)

#775d66

#775d66
rgb(119,93,102)

#775c65

#775c65
rgb(119,92,101)

#775b64

#775b64
rgb(119,91,100)

#775963

#775963
rgb(119,89,99)

Tons e Matizes de #774d5b

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

Matiz (adicionando branco)
#774d5b

#774d5b
rgb(119,77,91)

#92707b

#92707b
rgb(146,112,123)

#ad949c

#ad949c
rgb(173,148,156)

#c8b7bd

#c8b7bd
rgb(200,183,189)

#e3dbde

#e3dbde
rgb(227,219,222)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#774d5b

#774d5b
rgb(119,77,91)

#5f3d48

#5f3d48
rgb(95,61,72)

#472e36

#472e36
rgb(71,46,54)

#2f1e24

#2f1e24
rgb(47,30,36)

#170f12

#170f12
rgb(23,15,18)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #774d5b

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

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

Contraste

Branco e #774d5b
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 #774d5b
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 #774d5b

Este exemplo mostra como o texto na cor #774d5b se parece.

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

Este parágrafo tem fundo de cor #774d5b.

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

Este elemento tem uma cor de borda de #774d5b.

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

Cores alietórias

#7f6a68

#7f6a68
rgb(127,106,104)

#79ffec

#79ffec
rgb(121,255,236)

#708ab1

#708ab1
rgb(112,138,177)

#c172db

#c172db
rgb(193,114,219)

#0558f4

#0558f4
rgb(5,88,244)

#5b971f

#5b971f
rgb(91,151,31)

#c383e5

#c383e5
rgb(195,131,229)

#d8cefe

#d8cefe
rgb(216,206,254)

#242362

#242362
rgb(36,35,98)

#288a95

#288a95
rgb(40,138,149)

#855b8a

#855b8a
rgb(133,91,138)

#3228c2

#3228c2
rgb(50,40,194)