Informação da cor #4f6a63

A cor hexadecimal 4f6a63 no modelo de cores RGB (Red, Green, Blue), é um composta por 79 de vermelho, 106 de verde e 99 de azul.

No padrão de cores CMYK, é composto por 25.5% de ciano, 0% de magenta, 6.6% de amarelo e 58.4% de preto. Tem um ângulo de matiz de 164.4 graus, uma saturação de 14.6% e uma leveza de 36.3%.

A cor mais próxima WebSafe é 336633.

Conversões de #4f6a63 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 4f6a63
RGB 79, 106, 99
RGB Percentagem 31%, 41.6%, 38.8%
CMYK 0.25, 0, 0.07, 0.58
HSL 164.4°, 14.6%, 36.3%
HSV (ou HSB) 164.4°, 25.5%, 41.6%
RYB 31, 37.3, 41.6
Formato Cor
XYZ 12.7, 15.2, 16.3
CIELab 45.96, -11.31, 0.62
Decimal 5204579
Yxy 12.8708, 0.2855, 0.3457
YUV 97.129, 129.0559, 115.0692
CIELuv 42.5679, -13.3905, 2.611
Web Safe 336633

Distribuição de #4f6a63

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.

#4f6a63

#4f6a63
rgb(79,106,99)

#6a4f57

#6a4f57
rgb(106,79,87)

Cores triadicas

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

#634f6a

#634f6a
rgb(99,79,106)

#4f6a63

#4f6a63
rgb(79,106,99)

#6a634f

#6a634f
rgb(106,99,79)

Cores tetrádicas

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

#564f6a

#564f6a
rgb(86,79,106)

#4f6a63

#4f6a63
rgb(79,106,99)

#6a4f57

#6a4f57
rgb(106,79,87)

#646a4f

#646a4f
rgb(100,106,79)

Cores monocromáticas

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

#4f6a63

#4f6a63
rgb(79,106,99)

#546a65

#546a65
rgb(84,106,101)

#536a64

#536a64
rgb(83,106,100)

#526a64

#526a64
rgb(82,106,100)

#516a64

#516a64
rgb(81,106,100)

#506a64

#506a64
rgb(80,106,100)

Tons e Matizes de #4f6a63

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

Matiz (adicionando branco)
#4f6a63

#4f6a63
rgb(79,106,99)

#728782

#728782
rgb(114,135,130)

#95a5a1

#95a5a1
rgb(149,165,161)

#b8c3c0

#b8c3c0
rgb(184,195,192)

#dbe1df

#dbe1df
rgb(219,225,223)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#4f6a63

#4f6a63
rgb(79,106,99)

#3f544f

#3f544f
rgb(63,84,79)

#2f3f3b

#2f3f3b
rgb(47,63,59)

#1f2a27

#1f2a27
rgb(31,42,39)

#0f1513

#0f1513
rgb(15,21,19)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #4f6a63

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#9397c9

#9397c9
rgb(147,151,201)

#42e7a5

#42e7a5
rgb(66,231,165)

#beef2c

#beef2c
rgb(190,239,44)

#354991

#354991
rgb(53,73,145)

#1f1170

#1f1170
rgb(31,17,112)

#2b0f47

#2b0f47
rgb(43,15,71)

#c6be5d

#c6be5d
rgb(198,190,93)

#499a49

#499a49
rgb(73,154,73)

#c7fbbd

#c7fbbd
rgb(199,251,189)

#1581bc

#1581bc
rgb(21,129,188)

#54f532

#54f532
rgb(84,245,50)

#231d63

#231d63
rgb(35,29,99)