Informação da cor #478d4f

A cor hexadecimal 478d4f no modelo de cores RGB (Red, Green, Blue), é um composta por 71 de vermelho, 141 de verde e 79 de azul.

No padrão de cores CMYK, é composto por 49.6% de ciano, 0% de magenta, 44% de amarelo e 44.7% de preto. Tem um ângulo de matiz de 126.9 graus, uma saturação de 33% e uma leveza de 41.6%.

A cor mais próxima WebSafe é 336633.

Conversões de #478d4f 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 478d4f
RGB 71, 141, 79
RGB Percentagem 27.8%, 55.3%, 31%
CMYK 0.5, 0, 0.44, 0.45
HSL 126.9°, 33%, 41.6%
HSV (ou HSB) 126.9°, 49.7%, 55.3%
RYB 27.8, 52.5, 55.3
Formato Cor
XYZ 15.7, 23.7, 12.9
CIELab 55.74, -35.17, 25.5
Decimal 4689231
Yxy 20.9529, 0.2993, 0.4634
YUV 113.002, 108.8115, 98.0413
CIELuv 52.8979, -32.6409, 38.1485
Web Safe 336633

Distribuição de #478d4f

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.

#478d4f

#478d4f
rgb(71,141,79)

#8d4786

#8d4786
rgb(141,71,134)

Cores triadicas

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

#4f478d

#4f478d
rgb(79,71,141)

#478d4f

#478d4f
rgb(71,141,79)

#8d4f47

#8d4f47
rgb(141,79,71)

Cores tetrádicas

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

#47638d

#47638d
rgb(71,99,141)

#478d4f

#478d4f
rgb(71,141,79)

#8d4786

#8d4786
rgb(141,71,134)

#8d7247

#8d7247
rgb(141,114,71)

Cores monocromáticas

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

#478d4f

#478d4f
rgb(71,141,79)

#6f8d73

#6f8d73
rgb(111,141,115)

#6e8d71

#6e8d71
rgb(110,141,113)

#6c8d70

#6c8d70
rgb(108,141,112)

#6b8d6f

#6b8d6f
rgb(107,141,111)

#6a8d6e

#6a8d6e
rgb(106,141,110)

Tons e Matizes de #478d4f

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

Matiz (adicionando branco)
#478d4f

#478d4f
rgb(71,141,79)

#6ba372

#6ba372
rgb(107,163,114)

#90ba95

#90ba95
rgb(144,186,149)

#b5d1b8

#b5d1b8
rgb(181,209,184)

#dae8db

#dae8db
rgb(218,232,219)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#478d4f

#478d4f
rgb(71,141,79)

#38703f

#38703f
rgb(56,112,63)

#2a542f

#2a542f
rgb(42,84,47)

#1c381f

#1c381f
rgb(28,56,31)

#0e1c0f

#0e1c0f
rgb(14,28,15)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #478d4f

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

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

Contraste

Branco e #478d4f
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.

Preto e #478d4f
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.

Exemplos CSS

Texto com cor hexadecimal #478d4f

Este exemplo mostra como o texto na cor #478d4f se parece.

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

Este parágrafo tem fundo de cor #478d4f.

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

Este elemento tem uma cor de borda de #478d4f.

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

Cores alietórias

#5d4b53

#5d4b53
rgb(93,75,83)

#2fcad3

#2fcad3
rgb(47,202,211)

#7ffc06

#7ffc06
rgb(127,252,6)

#058fb5

#058fb5
rgb(5,143,181)

#62d4b1

#62d4b1
rgb(98,212,177)

#a7e5a0

#a7e5a0
rgb(167,229,160)

#242b42

#242b42
rgb(36,43,66)

#25761b

#25761b
rgb(37,118,27)

#14d63c

#14d63c
rgb(20,214,60)

#d7747a

#d7747a
rgb(215,116,122)

#c283a9

#c283a9
rgb(194,131,169)

#241202

#241202
rgb(36,18,2)