Informação da cor #93b98d

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

No padrão de cores CMYK, é composto por 20.5% de ciano, 0% de magenta, 23.8% de amarelo e 27.5% de preto. Tem um ângulo de matiz de 111.8 graus, uma saturação de 23.9% e uma leveza de 63.9%.

A cor mais próxima WebSafe é 669966.

Conversões de #93b98d 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 93b98d
RGB 147, 185, 141
RGB Percentagem 57.6%, 72.5%, 55.3%
CMYK 0.21, 0, 0.24, 0.27
HSL 111.8°, 23.9%, 63.9%
HSV (ou HSB) 111.8°, 23.8%, 72.6%
RYB 55.3, 72.5, 70.2
Formato Cor
XYZ 37.1, 45.9, 35
CIELab 73.46, -20.12, 17.21
Decimal 9681293
Yxy 42.8232, 0.3146, 0.3941
YUV 168.622, 112.412, 112.5777
CIELuv 71.4348, -19.1183, 28.9867
Web Safe 669966

Distribuição de #93b98d

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.

#93b98d

#93b98d
rgb(147,185,141)

#b48db9

#b48db9
rgb(180,141,185)

Cores triadicas

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

#8d93b9

#8d93b9
rgb(141,147,185)

#93b98d

#93b98d
rgb(147,185,141)

#b98d93

#b98d93
rgb(185,141,147)

Cores tetrádicas

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

#8da9b9

#8da9b9
rgb(141,169,185)

#93b98d

#93b98d
rgb(147,185,141)

#b48db9

#b48db9
rgb(180,141,185)

#b99e8d

#b99e8d
rgb(185,158,141)

Cores monocromáticas

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

#93b98d

#93b98d
rgb(147,185,141)

#98b992

#98b992
rgb(152,185,146)

#96b990

#96b990
rgb(150,185,144)

#94b98f

#94b98f
rgb(148,185,143)

#93b98d

#93b98d
rgb(147,185,141)

#91b98b

#91b98b
rgb(145,185,139)

Tons e Matizes de #93b98d

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

Matiz (adicionando branco)
#93b98d

#93b98d
rgb(147,185,141)

#a8c7a3

#a8c7a3
rgb(168,199,163)

#bed5ba

#bed5ba
rgb(190,213,186)

#d3e3d1

#d3e3d1
rgb(211,227,209)

#e9f1e8

#e9f1e8
rgb(233,241,232)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#93b98d

#93b98d
rgb(147,185,141)

#759470

#759470
rgb(117,148,112)

#586f54

#586f54
rgb(88,111,84)

#3a4938

#3a4938
rgb(58,73,56)

#1d241c

#1d241c
rgb(29,36,28)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #93b98d

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#7b4cdc

#7b4cdc
rgb(123,76,220)

#1e5024

#1e5024
rgb(30,80,36)

#fe60bd

#fe60bd
rgb(254,96,189)

#d3f3e8

#d3f3e8
rgb(211,243,232)

#f5dc2d

#f5dc2d
rgb(245,220,45)

#224dbe

#224dbe
rgb(34,77,190)

#682643

#682643
rgb(104,38,67)

#b70f41

#b70f41
rgb(183,15,65)

#d98678

#d98678
rgb(217,134,120)

#6cc65a

#6cc65a
rgb(108,198,90)

#d23fbf

#d23fbf
rgb(210,63,191)

#a6f46f

#a6f46f
rgb(166,244,111)