Informação da cor #93c47f

A cor hexadecimal 93c47f no modelo de cores RGB (Red, Green, Blue), é um composta por 147 de vermelho, 196 de verde e 127 de azul.

No padrão de cores CMYK, é composto por 25% de ciano, 0% de magenta, 35.2% de amarelo e 23.1% de preto. Tem um ângulo de matiz de 102.6 graus, uma saturação de 36.9% e uma leveza de 63.3%.

A cor mais próxima WebSafe é 669966.

Conversões de #93c47f 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 93c47f
RGB 147, 196, 127
RGB Percentagem 57.6%, 76.9%, 49.8%
CMYK 0.25, 0, 0.35, 0.23
HSL 102.6°, 36.9%, 63.3%
HSV (ou HSB) 102.6°, 35.2%, 76.9%
RYB 49.8, 76.9, 69
Formato Cor
XYZ 38.4, 50.1, 30.5
CIELab 76.13, -27.38, 28
Decimal 9684095
Yxy 47.2142, 0.3233, 0.4287
YUV 173.483, 101.7681, 109.1105
CIELuv 74.3265, -24.5228, 44.6975
Web Safe 669966

Distribuição de #93c47f

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.

#93c47f

#93c47f
rgb(147,196,127)

#b17fc4

#b17fc4
rgb(177,127,196)

Cores triadicas

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

#7f93c4

#7f93c4
rgb(127,147,196)

#93c47f

#93c47f
rgb(147,196,127)

#c47f93

#c47f93
rgb(196,127,147)

Cores tetrádicas

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

#7fb6c4

#7fb6c4
rgb(127,182,196)

#93c47f

#93c47f
rgb(147,196,127)

#b17fc4

#b17fc4
rgb(177,127,196)

#c48e7f

#c48e7f
rgb(196,142,127)

Cores monocromáticas

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

#93c47f

#93c47f
rgb(147,196,127)

#a7c49b

#a7c49b
rgb(167,196,155)

#a5c499

#a5c499
rgb(165,196,153)

#a4c497

#a4c497
rgb(164,196,151)

#a3c495

#a3c495
rgb(163,196,149)

#a1c493

#a1c493
rgb(161,196,147)

Tons e Matizes de #93c47f

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

Matiz (adicionando branco)
#93c47f

#93c47f
rgb(147,196,127)

#a8cf98

#a8cf98
rgb(168,207,152)

#bedbb2

#bedbb2
rgb(190,219,178)

#d3e7cb

#d3e7cb
rgb(211,231,203)

#e9f3e5

#e9f3e5
rgb(233,243,229)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#93c47f

#93c47f
rgb(147,196,127)

#759c65

#759c65
rgb(117,156,101)

#58754c

#58754c
rgb(88,117,76)

#3a4e32

#3a4e32
rgb(58,78,50)

#1d2719

#1d2719
rgb(29,39,25)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #93c47f

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

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

Contraste

Branco e #93c47f
Texto grande WCAG AA X Não 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 #93c47f
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #93c47f

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

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

Este parágrafo tem fundo de cor #93c47f.

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

Este elemento tem uma cor de borda de #93c47f.

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

Cores alietórias

#034bf9

#034bf9
rgb(3,75,249)

#c10488

#c10488
rgb(193,4,136)

#e5a48e

#e5a48e
rgb(229,164,142)

#ca43e0

#ca43e0
rgb(202,67,224)

#e2e650

#e2e650
rgb(226,230,80)

#2b1f2d

#2b1f2d
rgb(43,31,45)

#afdd76

#afdd76
rgb(175,221,118)

#4edf39

#4edf39
rgb(78,223,57)

#04de3a

#04de3a
rgb(4,222,58)

#ec46dc

#ec46dc
rgb(236,70,220)

#a01dfd

#a01dfd
rgb(160,29,253)

#849ea3

#849ea3
rgb(132,158,163)