Informação da cor #61f5c6

A cor hexadecimal 61f5c6 no modelo de cores RGB (Red, Green, Blue), é um composta por 97 de vermelho, 245 de verde e 198 de azul.

No padrão de cores CMYK, é composto por 60.4% de ciano, 0% de magenta, 19.2% de amarelo e 3.9% de preto. Tem um ângulo de matiz de 161 graus, uma saturação de 88.1% e uma leveza de 67.1%.

A cor mais próxima WebSafe é 33CC99.

Conversões de #61f5c6 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 61f5c6
RGB 97, 245, 198
RGB Percentagem 38%, 96.1%, 77.6%
CMYK 0.6, 0, 0.19, 0.04
HSL 161°, 88.1%, 67.1%
HSV (ou HSB) 161°, 60.4%, 96.1%
RYB 38, 72.5, 96.1
Formato Cor
XYZ 49.5, 73.1, 67.5
CIELab 88.5, -48.23, 9.62
Decimal 6419910
Yxy 71.9185, 0.259, 0.3899
YUV 195.39, 129.4729, 57.8217
CIELuv 87.9294, -60.7877, 24.7916
Web Safe 33CC99

Distribuição de #61f5c6

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.

#61f5c6

#61f5c6
rgb(97,245,198)

#f56191

#f56191
rgb(245,97,145)

Cores triadicas

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

#c661f5

#c661f5
rgb(198,97,245)

#61f5c6

#61f5c6
rgb(97,245,198)

#f5c661

#f5c661
rgb(245,198,97)

Cores tetrádicas

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

#7c61f5

#7c61f5
rgb(124,97,245)

#61f5c6

#61f5c6
rgb(97,245,198)

#f56191

#f56191
rgb(245,97,145)

#dbf561

#dbf561
rgb(219,245,97)

Cores monocromáticas

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

#61f5c6

#61f5c6
rgb(97,245,198)

#c1f5e5

#c1f5e5
rgb(193,245,229)

#bef5e4

#bef5e4
rgb(190,245,228)

#bcf5e3

#bcf5e3
rgb(188,245,227)

#b9f5e2

#b9f5e2
rgb(185,245,226)

#b7f5e2

#b7f5e2
rgb(183,245,226)

Tons e Matizes de #61f5c6

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

Matiz (adicionando branco)
#61f5c6

#61f5c6
rgb(97,245,198)

#80f7d1

#80f7d1
rgb(128,247,209)

#a0f9dc

#a0f9dc
rgb(160,249,220)

#bffbe8

#bffbe8
rgb(191,251,232)

#dffdf3

#dffdf3
rgb(223,253,243)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#61f5c6

#61f5c6
rgb(97,245,198)

#4dc49e

#4dc49e
rgb(77,196,158)

#3a9376

#3a9376
rgb(58,147,118)

#26614f

#26614f
rgb(38,97,79)

#133027

#133027
rgb(19,48,39)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #61f5c6

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

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

Contraste

Branco e #61f5c6
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 #61f5c6
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 #61f5c6

Este exemplo mostra como o texto na cor #61f5c6 se parece.

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

Este parágrafo tem fundo de cor #61f5c6.

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

Este elemento tem uma cor de borda de #61f5c6.

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

Cores alietórias

#c6a55a

#c6a55a
rgb(198,165,90)

#2a8930

#2a8930
rgb(42,137,48)

#29e624

#29e624
rgb(41,230,36)

#174ce8

#174ce8
rgb(23,76,232)

#9f1fe2

#9f1fe2
rgb(159,31,226)

#c39861

#c39861
rgb(195,152,97)

#d235aa

#d235aa
rgb(210,53,170)

#11007f

#11007f
rgb(17,0,127)

#345d03

#345d03
rgb(52,93,3)

#90aa12

#90aa12
rgb(144,170,18)

#912a62

#912a62
rgb(145,42,98)

#bc4fbf

#bc4fbf
rgb(188,79,191)