Informação da cor #387548

A cor hexadecimal 387548 no modelo de cores RGB (Red, Green, Blue), é um composta por 56 de vermelho, 117 de verde e 72 de azul.

No padrão de cores CMYK, é composto por 52.1% de ciano, 0% de magenta, 38.5% de amarelo e 54.1% de preto. Tem um ângulo de matiz de 135.7 graus, uma saturação de 35.3% e uma leveza de 33.9%.

A cor mais próxima WebSafe é 336633.

Conversões de #387548 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 387548
RGB 56, 117, 72
RGB Percentagem 22%, 45.9%, 28.2%
CMYK 0.52, 0, 0.38, 0.54
HSL 135.7°, 35.3%, 33.9%
HSV (ou HSB) 135.7°, 52.1%, 45.9%
RYB 22, 41.2, 45.9
Formato Cor
XYZ 11, 16.4, 10.3
CIELab 47.47, -30.28, 18.35
Decimal 3700040
Yxy 14.0305, 0.2904, 0.4448
YUV 93.631, 115.7929, 101.159
CIELuv 44.2766, -27.6716, 27.4765
Web Safe 336633

Distribuição de #387548

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.

#387548

#387548
rgb(56,117,72)

#753965

#753965
rgb(117,57,101)

Cores triadicas

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

#493975

#493975
rgb(73,57,117)

#387548

#387548
rgb(56,117,72)

#754939

#754939
rgb(117,73,57)

Cores tetrádicas

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

#394775

#394775
rgb(57,71,117)

#387548

#387548
rgb(56,117,72)

#753965

#753965
rgb(117,57,101)

#756739

#756739
rgb(117,103,57)

Cores monocromáticas

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

#387548

#387548
rgb(56,117,72)

#5c7563

#5c7563
rgb(92,117,99)

#5b7562

#5b7562
rgb(91,117,98)

#5a7561

#5a7561
rgb(90,117,97)

#597560

#597560
rgb(89,117,96)

#58755f

#58755f
rgb(88,117,95)

Tons e Matizes de #387548

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

Matiz (adicionando branco)
#387548

#387548
rgb(56,117,72)

#5f906c

#5f906c
rgb(95,144,108)

#87ac91

#87ac91
rgb(135,172,145)

#afc7b5

#afc7b5
rgb(175,199,181)

#d7e3da

#d7e3da
rgb(215,227,218)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#387548

#387548
rgb(56,117,72)

#2c5d39

#2c5d39
rgb(44,93,57)

#21462b

#21462b
rgb(33,70,43)

#162e1c

#162e1c
rgb(22,46,28)

#0b170e

#0b170e
rgb(11,23,14)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #387548

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

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

Contraste

Branco e #387548
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 #387548
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 #387548

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

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

Este parágrafo tem fundo de cor #387548.

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

Este elemento tem uma cor de borda de #387548.

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

Cores alietórias

#116457

#116457
rgb(17,100,87)

#2239f2

#2239f2
rgb(34,57,242)

#b3a87c

#b3a87c
rgb(179,168,124)

#d8169e

#d8169e
rgb(216,22,158)

#731156

#731156
rgb(115,17,86)

#63d48c

#63d48c
rgb(99,212,140)

#3b3aff

#3b3aff
rgb(59,58,255)

#bfc424

#bfc424
rgb(191,196,36)

#52ddb4

#52ddb4
rgb(82,221,180)

#370652

#370652
rgb(55,6,82)

#b469cb

#b469cb
rgb(180,105,203)

#871809

#871809
rgb(135,24,9)