Informação da cor #2db72a

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

No padrão de cores CMYK, é composto por 75.4% de ciano, 0% de magenta, 77% de amarelo e 28.2% de preto. Tem um ângulo de matiz de 118.7 graus, uma saturação de 62.7% e uma leveza de 44.1%.

A cor mais próxima WebSafe é 009900.

Conversões de #2db72a 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 2db72a
RGB 45, 183, 42
RGB Percentagem 17.6%, 71.8%, 16.5%
CMYK 0.75, 0, 0.77, 0.28
HSL 118.7°, 62.7%, 44.1%
HSV (ou HSB) 118.7°, 77.1%, 71.8%
RYB 16.5, 71.8, 70.6
Formato Cor
XYZ 20.1, 37, 9.1
CIELab 67.3, -61.36, 56.22
Decimal 2996010
Yxy 34.5899, 0.3026, 0.5678
YUV 125.664, 80.7856, 70.465
CIELuv 65.4281, -56.4828, 73.6719
Web Safe 009900

Distribuição de #2db72a

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.

#2db72a

#2db72a
rgb(45,183,42)

#b42bb7

#b42bb7
rgb(180,43,183)

Cores triadicas

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

#2b2eb7

#2b2eb7
rgb(43,46,183)

#2db72a

#2db72a
rgb(45,183,42)

#b72b2e

#b72b2e
rgb(183,43,46)

Cores tetrádicas

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

#2b74b7

#2b74b7
rgb(43,116,183)

#2db72a

#2db72a
rgb(45,183,42)

#b42bb7

#b42bb7
rgb(180,43,183)

#b76e2b

#b76e2b
rgb(183,110,43)

Cores monocromáticas

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

#2db72a

#2db72a
rgb(45,183,42)

#91b790

#91b790
rgb(145,183,144)

#8fb78e

#8fb78e
rgb(143,183,142)

#8db78c

#8db78c
rgb(141,183,140)

#8bb78a

#8bb78a
rgb(139,183,138)

#89b788

#89b788
rgb(137,183,136)

Tons e Matizes de #2db72a

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

Matiz (adicionando branco)
#2db72a

#2db72a
rgb(45,183,42)

#57c554

#57c554
rgb(87,197,84)

#81d37f

#81d37f
rgb(129,211,127)

#abe2a9

#abe2a9
rgb(171,226,169)

#d5f0d4

#d5f0d4
rgb(213,240,212)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#2db72a

#2db72a
rgb(45,183,42)

#249221

#249221
rgb(36,146,33)

#1b6d19

#1b6d19
rgb(27,109,25)

#114910

#114910
rgb(17,73,16)

#082408

#082408
rgb(8,36,8)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #2db72a

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

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

Contraste

Branco e #2db72a
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 #2db72a
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 #2db72a

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

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

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

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

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

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

Cores alietórias

#24c43c

#24c43c
rgb(36,196,60)

#660506

#660506
rgb(102,5,6)

#475399

#475399
rgb(71,83,153)

#5b9d1f

#5b9d1f
rgb(91,157,31)

#b530c5

#b530c5
rgb(181,48,197)

#1379e7

#1379e7
rgb(19,121,231)

#2d06df

#2d06df
rgb(45,6,223)

#62104c

#62104c
rgb(98,16,76)

#567356

#567356
rgb(86,115,86)

#2b7f6e

#2b7f6e
rgb(43,127,110)

#ab3855

#ab3855
rgb(171,56,85)

#51ef08

#51ef08
rgb(81,239,8)