Informação da cor #4d6773

A cor hexadecimal 4d6773 no modelo de cores RGB (Red, Green, Blue), é um composta por 77 de vermelho, 103 de verde e 115 de azul.

No padrão de cores CMYK, é composto por 33% de ciano, 10.4% de magenta, 0% de amarelo e 54.9% de preto. Tem um ângulo de matiz de 199 graus, uma saturação de 19.8% e uma leveza de 37.7%.

A cor mais próxima WebSafe é 336666.

Conversões de #4d6773 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 4d6773
RGB 77, 103, 115
RGB Percentagem 30.2%, 40.4%, 45.1%
CMYK 0.33, 0.1, 0, 0.55
HSL 199°, 19.8%, 37.7%
HSV (ou HSB) 199°, 33%, 45.1%
RYB 30.2, 36.5, 45.1
Formato Cor
XYZ 13.1, 14.9, 21
CIELab 45.43, -6.42, -9.57
Decimal 5072755
Yxy 12.5155, 0.2647, 0.3011
YUV 96.594, 138.3871, 114.0243
CIELuv 42.024, -12.9942, -12.5287
Web Safe 336666

Distribuição de #4d6773

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.

#4d6773

#4d6773
rgb(77,103,115)

#735a4e

#735a4e
rgb(115,90,78)

Cores triadicas

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

#734e67

#734e67
rgb(115,78,103)

#4d6773

#4d6773
rgb(77,103,115)

#67734e

#67734e
rgb(103,115,78)

Cores tetrádicas

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

#6d4e73

#6d4e73
rgb(109,78,115)

#4d6773

#4d6773
rgb(77,103,115)

#735a4e

#735a4e
rgb(115,90,78)

#54734e

#54734e
rgb(84,115,78)

Cores monocromáticas

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

#4d6773

#4d6773
rgb(77,103,115)

#5b6c73

#5b6c73
rgb(91,108,115)

#5a6b73

#5a6b73
rgb(90,107,115)

#596b73

#596b73
rgb(89,107,115)

#586b73

#586b73
rgb(88,107,115)

#566a73

#566a73
rgb(86,106,115)

Tons e Matizes de #4d6773

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

Matiz (adicionando branco)
#4d6773

#4d6773
rgb(77,103,115)

#70858f

#70858f
rgb(112,133,143)

#94a3ab

#94a3ab
rgb(148,163,171)

#b7c2c7

#b7c2c7
rgb(183,194,199)

#dbe0e3

#dbe0e3
rgb(219,224,227)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#4d6773

#4d6773
rgb(77,103,115)

#3d525c

#3d525c
rgb(61,82,92)

#2e3d45

#2e3d45
rgb(46,61,69)

#1e292d

#1e292d
rgb(30,41,45)

#0f1416

#0f1416
rgb(15,20,22)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #4d6773

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

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

Contraste

Branco e #4d6773
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 #4d6773
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 #4d6773

Este exemplo mostra como o texto na cor #4d6773 se parece.

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

Este parágrafo tem fundo de cor #4d6773.

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

Este elemento tem uma cor de borda de #4d6773.

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

Cores alietórias

#807127

#807127
rgb(128,113,39)

#128718

#128718
rgb(18,135,24)

#cf497f

#cf497f
rgb(207,73,127)

#260a2d

#260a2d
rgb(38,10,45)

#9dd107

#9dd107
rgb(157,209,7)

#f38182

#f38182
rgb(243,129,130)

#00e390

#00e390
rgb(0,227,144)

#c5d0b3

#c5d0b3
rgb(197,208,179)

#807a7f

#807a7f
rgb(128,122,127)

#be23a4

#be23a4
rgb(190,35,164)

#2cea78

#2cea78
rgb(44,234,120)

#ea94f6

#ea94f6
rgb(234,148,246)