Informação da cor #93c599

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

No padrão de cores CMYK, é composto por 25.4% de ciano, 0% de magenta, 22.3% de amarelo e 22.7% de preto. Tem um ângulo de matiz de 127.2 graus, uma saturação de 30.1% e uma leveza de 67.5%.

A cor mais próxima WebSafe é 669999.

Conversões de #93c599 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 93c599
RGB 147, 197, 153
RGB Percentagem 57.6%, 77.3%, 60%
CMYK 0.25, 0, 0.22, 0.23
HSL 127.2°, 30.1%, 67.5%
HSV (ou HSB) 127.2°, 25.4%, 77.3%
RYB 57.6, 75.3, 77.3
Formato Cor
XYZ 40.6, 51.3, 40.9
CIELab 76.87, -23.71, 15.81
Decimal 9684377
Yxy 48.4341, 0.3052, 0.3916
YUV 177.034, 114.4368, 106.5777
CIELuv 75.0979, -25.015, 28.1749
Web Safe 669999

Distribuição de #93c599

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.

#93c599

#93c599
rgb(147,197,153)

#c594c0

#c594c0
rgb(197,148,192)

Cores triadicas

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

#9994c5

#9994c5
rgb(153,148,197)

#93c599

#93c599
rgb(147,197,153)

#c59994

#c59994
rgb(197,153,148)

Cores tetrádicas

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

#94a7c5

#94a7c5
rgb(148,167,197)

#93c599

#93c599
rgb(147,197,153)

#c594c0

#c594c0
rgb(197,148,192)

#c5b294

#c5b294
rgb(197,178,148)

Cores monocromáticas

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

#93c599

#93c599
rgb(147,197,153)

#9cc5a1

#9cc5a1
rgb(156,197,161)

#9ac59f

#9ac59f
rgb(154,197,159)

#98c59d

#98c59d
rgb(152,197,157)

#96c59b

#96c59b
rgb(150,197,155)

#94c59a

#94c59a
rgb(148,197,154)

Tons e Matizes de #93c599

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

Matiz (adicionando branco)
#93c599

#93c599
rgb(147,197,153)

#a8d0ad

#a8d0ad
rgb(168,208,173)

#bedcc1

#bedcc1
rgb(190,220,193)

#d3e7d6

#d3e7d6
rgb(211,231,214)

#e9f3ea

#e9f3ea
rgb(233,243,234)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#93c599

#93c599
rgb(147,197,153)

#759d7a

#759d7a
rgb(117,157,122)

#58765b

#58765b
rgb(88,118,91)

#3a4e3d

#3a4e3d
rgb(58,78,61)

#1d271e

#1d271e
rgb(29,39,30)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #93c599

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#406fc6

#406fc6
rgb(64,111,198)

#465cb6

#465cb6
rgb(70,92,182)

#cbc091

#cbc091
rgb(203,192,145)

#f6e512

#f6e512
rgb(246,229,18)

#4a021f

#4a021f
rgb(74,2,31)

#d78839

#d78839
rgb(215,136,57)

#dd7465

#dd7465
rgb(221,116,101)

#d29e1a

#d29e1a
rgb(210,158,26)

#745387

#745387
rgb(116,83,135)

#bbf66d

#bbf66d
rgb(187,246,109)

#d24d21

#d24d21
rgb(210,77,33)

#bb0472

#bb0472
rgb(187,4,114)