Informação da cor #97cccc

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

No padrão de cores CMYK, é composto por 26% de ciano, 0% de magenta, 0% de amarelo e 20% de preto. Tem um ângulo de matiz de 180 graus, uma saturação de 34.2% e uma leveza de 69.6%.

A cor mais próxima WebSafe é 66CCCC.

Conversões de #97cccc 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 97cccc
RGB 151, 204, 204
RGB Percentagem 59.2%, 80%, 80%
CMYK 0.26, 0, 0, 0.2
HSL 180°, 34.2%, 69.6%
HSV (ou HSB) 180°, 26%, 80%
RYB 59.2, 69.8, 80
Formato Cor
XYZ 48, 56.8, 68
CIELab 80.09, -16.13, -5.29
Decimal 9948364
Yxy 54.1225, 0.275, 0.3289
YUV 188.153, 136.943, 101.5
CIELuv 78.5331, -26.4262, -5.701
Web Safe 66CCCC

Distribuição de #97cccc

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.

#97cccc

#97cccc
rgb(151,204,204)

#cc9797

#cc9797
rgb(204,151,151)

Cores triadicas

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

#cc97cc

#cc97cc
rgb(204,151,204)

#97cccc

#97cccc
rgb(151,204,204)

#cccc97

#cccc97
rgb(204,204,151)

Cores tetrádicas

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

#b297cc

#b297cc
rgb(178,151,204)

#97cccc

#97cccc
rgb(151,204,204)

#cc9797

#cc9797
rgb(204,151,151)

#b2cc97

#b2cc97
rgb(178,204,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.

#97cccc

#97cccc
rgb(151,204,204)

#a1cccc

#a1cccc
rgb(161,204,204)

#9fcccc

#9fcccc
rgb(159,204,204)

#9dcccc

#9dcccc
rgb(157,204,204)

#9bcccc

#9bcccc
rgb(155,204,204)

#99cccc

#99cccc
rgb(153,204,204)

Tons e Matizes de #97cccc

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

Matiz (adicionando branco)
#97cccc

#97cccc
rgb(151,204,204)

#abd6d6

#abd6d6
rgb(171,214,214)

#c0e0e0

#c0e0e0
rgb(192,224,224)

#d5eaea

#d5eaea
rgb(213,234,234)

#eaf4f4

#eaf4f4
rgb(234,244,244)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#97cccc

#97cccc
rgb(151,204,204)

#78a3a3

#78a3a3
rgb(120,163,163)

#5a7a7a

#5a7a7a
rgb(90,122,122)

#3c5151

#3c5151
rgb(60,81,81)

#1e2828

#1e2828
rgb(30,40,40)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #97cccc

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#495eda

#495eda
rgb(73,94,218)

#804c04

#804c04
rgb(128,76,4)

#9c9a96

#9c9a96
rgb(156,154,150)

#d6e445

#d6e445
rgb(214,228,69)

#22b4bc

#22b4bc
rgb(34,180,188)

#f09b58

#f09b58
rgb(240,155,88)

#596005

#596005
rgb(89,96,5)

#ef7fce

#ef7fce
rgb(239,127,206)

#bcf17a

#bcf17a
rgb(188,241,122)

#994b1a

#994b1a
rgb(153,75,26)

#0b8d5f

#0b8d5f
rgb(11,141,95)

#a37598

#a37598
rgb(163,117,152)