Informação da cor #97fdc0

A cor hexadecimal 97fdc0 no modelo de cores RGB (Red, Green, Blue), é um composta por 151 de vermelho, 253 de verde e 192 de azul.

No padrão de cores CMYK, é composto por 40.3% de ciano, 0% de magenta, 24.1% de amarelo e 0.8% de preto. Tem um ângulo de matiz de 144.1 graus, uma saturação de 96.2% e uma leveza de 79.2%.

A cor mais próxima WebSafe é 66CC99.

Conversões de #97fdc0 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 97fdc0
RGB 151, 253, 192
RGB Percentagem 59.2%, 99.2%, 75.3%
CMYK 0.4, 0, 0.24, 0.01
HSL 144.1°, 96.2%, 79.2%
HSV (ou HSB) 144.1°, 40.3%, 99.2%
RYB 59.2, 87.8, 99.2
Formato Cor
XYZ 59.3, 81.6, 65.2
CIELab 92.41, -40.07, 18.32
Decimal 9960896
Yxy 80.6319, 0.2864, 0.4023
YUV 215.548, 114.7111, 81.96
CIELuv 91.9676, -47.7549, 36.7479
Web Safe 66CC99

Distribuição de #97fdc0

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.

#97fdc0

#97fdc0
rgb(151,253,192)

#fd97d5

#fd97d5
rgb(253,151,213)

Cores triadicas

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

#c097fd

#c097fd
rgb(192,151,253)

#97fdc0

#97fdc0
rgb(151,253,192)

#fdc097

#fdc097
rgb(253,192,151)

Cores tetrádicas

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

#97a2fd

#97a2fd
rgb(151,162,253)

#97fdc0

#97fdc0
rgb(151,253,192)

#fd97d5

#fd97d5
rgb(253,151,213)

#fdf397

#fdf397
rgb(253,243,151)

Cores monocromáticas

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

#97fdc0

#97fdc0
rgb(151,253,192)

#c7fddd

#c7fddd
rgb(199,253,221)

#c5fddc

#c5fddc
rgb(197,253,220)

#c2fdda

#c2fdda
rgb(194,253,218)

#c0fdd9

#c0fdd9
rgb(192,253,217)

#bdfdd7

#bdfdd7
rgb(189,253,215)

Tons e Matizes de #97fdc0

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

Matiz (adicionando branco)
#97fdc0

#97fdc0
rgb(151,253,192)

#abfdcc

#abfdcc
rgb(171,253,204)

#c0fdd9

#c0fdd9
rgb(192,253,217)

#d5fee5

#d5fee5
rgb(213,254,229)

#eafef2

#eafef2
rgb(234,254,242)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#97fdc0

#97fdc0
rgb(151,253,192)

#78ca99

#78ca99
rgb(120,202,153)

#5a9773

#5a9773
rgb(90,151,115)

#3c654c

#3c654c
rgb(60,101,76)

#1e3226

#1e3226
rgb(30,50,38)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #97fdc0

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

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

Contraste

Branco e #97fdc0
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 #97fdc0
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 #97fdc0

Este exemplo mostra como o texto na cor #97fdc0 se parece.

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

Este parágrafo tem fundo de cor #97fdc0.

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

Este elemento tem uma cor de borda de #97fdc0.

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

Cores alietórias

#0d0e5e

#0d0e5e
rgb(13,14,94)

#b99aae

#b99aae
rgb(185,154,174)

#a8775b

#a8775b
rgb(168,119,91)

#b25916

#b25916
rgb(178,89,22)

#aa9cd5

#aa9cd5
rgb(170,156,213)

#abc00c

#abc00c
rgb(171,192,12)

#28f153

#28f153
rgb(40,241,83)

#8d7ccf

#8d7ccf
rgb(141,124,207)

#df125b

#df125b
rgb(223,18,91)

#ab16f1

#ab16f1
rgb(171,22,241)

#1a6d4a

#1a6d4a
rgb(26,109,74)

#257cce

#257cce
rgb(37,124,206)