Informação da cor #93a983

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

No padrão de cores CMYK, é composto por 13% de ciano, 0% de magenta, 22.5% de amarelo e 33.7% de preto. Tem um ângulo de matiz de 94.7 graus, uma saturação de 18.1% e uma leveza de 58.8%.

A cor mais próxima WebSafe é 669966.

Conversões de #93a983 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 93a983
RGB 147, 169, 131
RGB Percentagem 57.6%, 66.3%, 51.4%
CMYK 0.13, 0, 0.22, 0.34
HSL 94.7°, 18.1%, 58.8%
HSV (ou HSB) 94.7°, 22.5%, 66.3%
RYB 51.4, 66.3, 60
Formato Cor
XYZ 33.3, 39.4, 30.1
CIELab 69.02, -14.02, 16.25
Decimal 9677187
Yxy 36.2173, 0.3246, 0.3878
YUV 158.09, 112.7122, 120.0899
CIELuv 66.6857, -10.8044, 25.9589
Web Safe 669966

Distribuição de #93a983

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.

#93a983

#93a983
rgb(147,169,131)

#9983a9

#9983a9
rgb(153,131,169)

Cores triadicas

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

#8394a9

#8394a9
rgb(131,148,169)

#93a983

#93a983
rgb(147,169,131)

#a98394

#a98394
rgb(169,131,148)

Cores tetrádicas

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

#83a7a9

#83a7a9
rgb(131,167,169)

#93a983

#93a983
rgb(147,169,131)

#9983a9

#9983a9
rgb(153,131,169)

#a98683

#a98683
rgb(169,134,131)

Cores monocromáticas

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

#93a983

#93a983
rgb(147,169,131)

#95a986

#95a986
rgb(149,169,134)

#94a984

#94a984
rgb(148,169,132)

#93a982

#93a982
rgb(147,169,130)

#92a981

#92a981
rgb(146,169,129)

#91a97f

#91a97f
rgb(145,169,127)

Tons e Matizes de #93a983

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

Matiz (adicionando branco)
#93a983

#93a983
rgb(147,169,131)

#a8ba9b

#a8ba9b
rgb(168,186,155)

#becbb4

#becbb4
rgb(190,203,180)

#d3dccd

#d3dccd
rgb(211,220,205)

#e9ede6

#e9ede6
rgb(233,237,230)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#93a983

#93a983
rgb(147,169,131)

#758768

#758768
rgb(117,135,104)

#58654e

#58654e
rgb(88,101,78)

#3a4334

#3a4334
rgb(58,67,52)

#1d211a

#1d211a
rgb(29,33,26)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #93a983

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

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

Contraste

Branco e #93a983
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 #93a983
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 #93a983

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

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

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

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

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

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

Cores alietórias

#f36c5f

#f36c5f
rgb(243,108,95)

#c84f86

#c84f86
rgb(200,79,134)

#ab06e7

#ab06e7
rgb(171,6,231)

#952bcc

#952bcc
rgb(149,43,204)

#b91d94

#b91d94
rgb(185,29,148)

#1c09d3

#1c09d3
rgb(28,9,211)

#a761e9

#a761e9
rgb(167,97,233)

#46acca

#46acca
rgb(70,172,202)

#2f4337

#2f4337
rgb(47,67,55)

#e56914

#e56914
rgb(229,105,20)

#8616ac

#8616ac
rgb(134,22,172)

#f292ec

#f292ec
rgb(242,146,236)