Informação da cor #2f972d

A cor hexadecimal 2f972d no modelo de cores RGB (Red, Green, Blue), é um composta por 47 de vermelho, 151 de verde e 45 de azul.

No padrão de cores CMYK, é composto por 68.9% de ciano, 0% de magenta, 70.2% de amarelo e 40.8% de preto. Tem um ângulo de matiz de 118.9 graus, uma saturação de 54.1% e uma leveza de 38.4%.

A cor mais próxima WebSafe é 006600.

Conversões de #2f972d 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 2f972d
RGB 47, 151, 45
RGB Percentagem 18.4%, 59.2%, 17.6%
CMYK 0.69, 0, 0.7, 0.41
HSL 118.9°, 54.1%, 38.4%
HSV (ou HSB) 118.9°, 70.2%, 59.2%
RYB 17.6, 59.2, 58.4
Formato Cor
XYZ 14.4, 25.5, 7.5
CIELab 57.54, -50.28, 44.73
Decimal 3118893
Yxy 22.9257, 0.3036, 0.5475
YUV 107.82, 92.5485, 84.6191
CIELuv 54.9957, -44.583, 58.2159
Web Safe 006600

Distribuição de #2f972d

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.

#2f972d

#2f972d
rgb(47,151,45)

#952d97

#952d97
rgb(149,45,151)

Cores triadicas

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

#2d3097

#2d3097
rgb(45,48,151)

#2f972d

#2f972d
rgb(47,151,45)

#972d30

#972d30
rgb(151,45,48)

Cores tetrádicas

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

#2d6597

#2d6597
rgb(45,101,151)

#2f972d

#2f972d
rgb(47,151,45)

#952d97

#952d97
rgb(149,45,151)

#97602d

#97602d
rgb(151,96,45)

Cores monocromáticas

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

#2f972d

#2f972d
rgb(47,151,45)

#779777

#779777
rgb(119,151,119)

#769775

#769775
rgb(118,151,117)

#749774

#749774
rgb(116,151,116)

#739772

#739772
rgb(115,151,114)

#719771

#719771
rgb(113,151,113)

Tons e Matizes de #2f972d

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

Matiz (adicionando branco)
#2f972d

#2f972d
rgb(47,151,45)

#58ab57

#58ab57
rgb(88,171,87)

#82c081

#82c081
rgb(130,192,129)

#abd5ab

#abd5ab
rgb(171,213,171)

#d5ead5

#d5ead5
rgb(213,234,213)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#2f972d

#2f972d
rgb(47,151,45)

#257824

#257824
rgb(37,120,36)

#1c5a1b

#1c5a1b
rgb(28,90,27)

#123c11

#123c11
rgb(18,60,17)

#091e08

#091e08
rgb(9,30,8)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #2f972d

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

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

Contraste

Branco e #2f972d
Texto grande WCAG AA ✓ 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 #2f972d
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #2f972d

Este exemplo mostra como o texto na cor #2f972d se parece.

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

Este parágrafo tem fundo de cor #2f972d.

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

Este elemento tem uma cor de borda de #2f972d.

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

Cores alietórias

#582ce9

#582ce9
rgb(88,44,233)

#08e353

#08e353
rgb(8,227,83)

#66150c

#66150c
rgb(102,21,12)

#7ad48c

#7ad48c
rgb(122,212,140)

#504e45

#504e45
rgb(80,78,69)

#428b1a

#428b1a
rgb(66,139,26)

#980311

#980311
rgb(152,3,17)

#2e809e

#2e809e
rgb(46,128,158)

#325d4e

#325d4e
rgb(50,93,78)

#54587d

#54587d
rgb(84,88,125)

#7477a4

#7477a4
rgb(116,119,164)

#85150c

#85150c
rgb(133,21,12)