Informação da cor #72774c

A cor hexadecimal 72774c no modelo de cores RGB (Red, Green, Blue), é um composta por 114 de vermelho, 119 de verde e 76 de azul.

No padrão de cores CMYK, é composto por 4.2% de ciano, 0% de magenta, 36.1% de amarelo e 53.3% de preto. Tem um ângulo de matiz de 67 graus, uma saturação de 22.1% e uma leveza de 38.2%.

A cor mais próxima WebSafe é 666633.

Conversões de #72774c 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 72774c
RGB 114, 119, 76
RGB Percentagem 44.7%, 46.7%, 29.8%
CMYK 0.04, 0, 0.36, 0.53
HSL 67°, 22.1%, 38.2%
HSV (ou HSB) 67°, 36.1%, 46.7%
RYB 29.8, 46.7, 31.8
Formato Cor
XYZ 17.3, 20, 11.5
CIELab 51.82, -9.16, 22.52
Decimal 7501644
Yxy 17.293, 0.3574, 0.4164
YUV 112.603, 107.3437, 128.9964
CIELuv 48.6271, -0.9741, 29.2785
Web Safe 666633

Distribuição de #72774c

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.

#72774c

#72774c
rgb(114,119,76)

#524c77

#524c77
rgb(82,76,119)

Cores triadicas

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

#4c7277

#4c7277
rgb(76,114,119)

#72774c

#72774c
rgb(114,119,76)

#774c72

#774c72
rgb(119,76,114)

Cores tetrádicas

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

#4c7767

#4c7767
rgb(76,119,103)

#72774c

#72774c
rgb(114,119,76)

#524c77

#524c77
rgb(82,76,119)

#774c5d

#774c5d
rgb(119,76,93)

Cores monocromáticas

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

#72774c

#72774c
rgb(114,119,76)

#75775e

#75775e
rgb(117,119,94)

#74775d

#74775d
rgb(116,119,93)

#74775c

#74775c
rgb(116,119,92)

#74775b

#74775b
rgb(116,119,91)

#747759

#747759
rgb(116,119,89)

Tons e Matizes de #72774c

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

Matiz (adicionando branco)
#72774c

#72774c
rgb(114,119,76)

#8e926f

#8e926f
rgb(142,146,111)

#aaad93

#aaad93
rgb(170,173,147)

#c6c8b7

#c6c8b7
rgb(198,200,183)

#e2e3db

#e2e3db
rgb(226,227,219)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#72774c

#72774c
rgb(114,119,76)

#5b5f3c

#5b5f3c
rgb(91,95,60)

#44472d

#44472d
rgb(68,71,45)

#2d2f1e

#2d2f1e
rgb(45,47,30)

#16170f

#16170f
rgb(22,23,15)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #72774c

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

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

Contraste

Branco e #72774c
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 #72774c
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 #72774c

Este exemplo mostra como o texto na cor #72774c se parece.

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

Este parágrafo tem fundo de cor #72774c.

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

Este elemento tem uma cor de borda de #72774c.

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

Cores alietórias

#1f81a9

#1f81a9
rgb(31,129,169)

#794454

#794454
rgb(121,68,84)

#7f1757

#7f1757
rgb(127,23,87)

#3bd16f

#3bd16f
rgb(59,209,111)

#2414ab

#2414ab
rgb(36,20,171)

#89ddd5

#89ddd5
rgb(137,221,213)

#d68e27

#d68e27
rgb(214,142,39)

#90067b

#90067b
rgb(144,6,123)

#78d2d9

#78d2d9
rgb(120,210,217)

#b0e5a6

#b0e5a6
rgb(176,229,166)

#825cce

#825cce
rgb(130,92,206)

#4e0bba

#4e0bba
rgb(78,11,186)