Informação da cor #97d97d

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

No padrão de cores CMYK, é composto por 30.4% de ciano, 0% de magenta, 42.4% de amarelo e 14.9% de preto. Tem um ângulo de matiz de 103 graus, uma saturação de 54.8% e uma leveza de 67.1%.

A cor mais próxima WebSafe é 66CC66.

Conversões de #97d97d 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 97d97d
RGB 151, 217, 125
RGB Percentagem 59.2%, 85.1%, 49%
CMYK 0.3, 0, 0.42, 0.15
HSL 103°, 54.8%, 67.1%
HSV (ou HSB) 103°, 42.4%, 85.1%
RYB 49, 85.1, 74.9
Formato Cor
XYZ 43.9, 60.1, 31.4
CIELab 81.9, -35.54, 36.61
Decimal 9951613
Yxy 57.6841, 0.3242, 0.4531
YUV 186.778, 93.1366, 102.4807
CIELuv 80.5628, -32.8224, 57.8259
Web Safe 66CC66

Distribuição de #97d97d

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.

#97d97d

#97d97d
rgb(151,217,125)

#bf7dd9

#bf7dd9
rgb(191,125,217)

Cores triadicas

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

#7d98d9

#7d98d9
rgb(125,152,217)

#97d97d

#97d97d
rgb(151,217,125)

#d97d98

#d97d98
rgb(217,125,152)

Cores tetrádicas

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

#7dc6d9

#7dc6d9
rgb(125,198,217)

#97d97d

#97d97d
rgb(151,217,125)

#bf7dd9

#bf7dd9
rgb(191,125,217)

#d9917d

#d9917d
rgb(217,145,125)

Cores monocromáticas

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

#97d97d

#97d97d
rgb(151,217,125)

#b8d9ab

#b8d9ab
rgb(184,217,171)

#b7d9a9

#b7d9a9
rgb(183,217,169)

#b5d9a7

#b5d9a7
rgb(181,217,167)

#b3d9a4

#b3d9a4
rgb(179,217,164)

#b2d9a2

#b2d9a2
rgb(178,217,162)

Tons e Matizes de #97d97d

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

Matiz (adicionando branco)
#97d97d

#97d97d
rgb(151,217,125)

#abe097

#abe097
rgb(171,224,151)

#c0e8b1

#c0e8b1
rgb(192,232,177)

#d5efcb

#d5efcb
rgb(213,239,203)

#eaf7e5

#eaf7e5
rgb(234,247,229)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#97d97d

#97d97d
rgb(151,217,125)

#78ad64

#78ad64
rgb(120,173,100)

#5a824b

#5a824b
rgb(90,130,75)

#3c5631

#3c5631
rgb(60,86,49)

#1e2b18

#1e2b18
rgb(30,43,24)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #97d97d

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#e5c466

#e5c466
rgb(229,196,102)

#10a986

#10a986
rgb(16,169,134)

#1254fd

#1254fd
rgb(18,84,253)

#f73b74

#f73b74
rgb(247,59,116)

#1a74e8

#1a74e8
rgb(26,116,232)

#8b545a

#8b545a
rgb(139,84,90)

#3744c6

#3744c6
rgb(55,68,198)

#7b67f7

#7b67f7
rgb(123,103,247)

#4c36fa

#4c36fa
rgb(76,54,250)

#28cb1b

#28cb1b
rgb(40,203,27)

#8e3630

#8e3630
rgb(142,54,48)

#a195c4

#a195c4
rgb(161,149,196)