Informação da cor #60f4a5

A cor hexadecimal 60f4a5 no modelo de cores RGB (Red, Green, Blue), é um composta por 96 de vermelho, 244 de verde e 165 de azul.

No padrão de cores CMYK, é composto por 60.7% de ciano, 0% de magenta, 32.4% de amarelo e 4.3% de preto. Tem um ângulo de matiz de 148 graus, uma saturação de 87.1% e uma leveza de 66.7%.

A cor mais próxima WebSafe é 33CC99.

Conversões de #60f4a5 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 60f4a5
RGB 96, 244, 165
RGB Percentagem 37.6%, 95.7%, 64.7%
CMYK 0.61, 0, 0.32, 0.04
HSL 148°, 87.1%, 66.7%
HSV (ou HSB) 148°, 60.7%, 95.7%
RYB 37.6, 77.3, 95.7
Formato Cor
XYZ 45.8, 71.2, 49.9
CIELab 87.56, -54.53, 24.33
Decimal 6354085
Yxy 69.9004, 0.2737, 0.4352
YUV 190.742, 113.4729, 60.4236
CIELuv 86.948, -62.3868, 47.4545
Web Safe 33CC99

Distribuição de #60f4a5

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.

#60f4a5

#60f4a5
rgb(96,244,165)

#f460af

#f460af
rgb(244,96,175)

Cores triadicas

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

#a660f4

#a660f4
rgb(166,96,244)

#60f4a5

#60f4a5
rgb(96,244,165)

#f4a660

#f4a660
rgb(244,166,96)

Cores tetrádicas

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

#6065f4

#6065f4
rgb(96,101,244)

#60f4a5

#60f4a5
rgb(96,244,165)

#f460af

#f460af
rgb(244,96,175)

#f4f060

#f4f060
rgb(244,240,96)

Cores monocromáticas

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

#60f4a5

#60f4a5
rgb(96,244,165)

#c0f4d8

#c0f4d8
rgb(192,244,216)

#bdf4d7

#bdf4d7
rgb(189,244,215)

#bbf4d6

#bbf4d6
rgb(187,244,214)

#b8f4d4

#b8f4d4
rgb(184,244,212)

#b6f4d3

#b6f4d3
rgb(182,244,211)

Tons e Matizes de #60f4a5

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

Matiz (adicionando branco)
#60f4a5

#60f4a5
rgb(96,244,165)

#7ff6b7

#7ff6b7
rgb(127,246,183)

#9ff8c9

#9ff8c9
rgb(159,248,201)

#bffadb

#bffadb
rgb(191,250,219)

#dffced

#dffced
rgb(223,252,237)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#60f4a5

#60f4a5
rgb(96,244,165)

#4cc384

#4cc384
rgb(76,195,132)

#399263

#399263
rgb(57,146,99)

#266141

#266141
rgb(38,97,65)

#133020

#133020
rgb(19,48,32)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #60f4a5

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

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

Contraste

Branco e #60f4a5
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 #60f4a5
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 #60f4a5

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

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

Este parágrafo tem fundo de cor #60f4a5.

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

Este elemento tem uma cor de borda de #60f4a5.

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

Cores alietórias

#f3b80a

#f3b80a
rgb(243,184,10)

#7365c0

#7365c0
rgb(115,101,192)

#402366

#402366
rgb(64,35,102)

#dd8561

#dd8561
rgb(221,133,97)

#235829

#235829
rgb(35,88,41)

#dea8a7

#dea8a7
rgb(222,168,167)

#11d552

#11d552
rgb(17,213,82)

#b1919e

#b1919e
rgb(177,145,158)

#ab4e6d

#ab4e6d
rgb(171,78,109)

#7a937d

#7a937d
rgb(122,147,125)

#466b42

#466b42
rgb(70,107,66)

#b449b3

#b449b3
rgb(180,73,179)