Informação da cor #84d62d

A cor hexadecimal 84d62d no modelo de cores RGB (Red, Green, Blue), é um composta por 132 de vermelho, 214 de verde e 45 de azul.

No padrão de cores CMYK, é composto por 38.3% de ciano, 0% de magenta, 79% de amarelo e 16.1% de preto. Tem um ângulo de matiz de 89.1 graus, uma saturação de 67.3% e uma leveza de 50.8%.

A cor mais próxima WebSafe é 66CC00.

Conversões de #84d62d 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 84d62d
RGB 132, 214, 45
RGB Percentagem 51.8%, 83.9%, 17.6%
CMYK 0.38, 0, 0.79, 0.16
HSL 89.1°, 67.3%, 50.8%
HSV (ou HSB) 89.1°, 79%, 83.9%
RYB 17.6, 83.9, 49.8
Formato Cor
XYZ 36.3, 55.5, 12.2
CIELab 79.33, -48.33, 68.04
Decimal 8705581
Yxy 53.1865, 0.3467, 0.5417
YUV 170.216, 57.3364, 100.7417
CIELuv 77.985, -40.953, 86.4197
Web Safe 66CC00

Distribuição de #84d62d

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.

#84d62d

#84d62d
rgb(132,214,45)

#802dd6

#802dd6
rgb(128,45,214)

Cores triadicas

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

#2d84d6

#2d84d6
rgb(45,132,214)

#84d62d

#84d62d
rgb(132,214,45)

#d62d84

#d62d84
rgb(214,45,132)

Cores tetrádicas

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

#2dd6d4

#2dd6d4
rgb(45,214,212)

#84d62d

#84d62d
rgb(132,214,45)

#802dd6

#802dd6
rgb(128,45,214)

#d62d30

#d62d30
rgb(214,45,48)

Cores monocromáticas

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

#84d62d

#84d62d
rgb(132,214,45)

#c0d6a8

#c0d6a8
rgb(192,214,168)

#bfd6a6

#bfd6a6
rgb(191,214,166)

#bed6a4

#bed6a4
rgb(190,214,164)

#bdd6a1

#bdd6a1
rgb(189,214,161)

#bcd69f

#bcd69f
rgb(188,214,159)

Tons e Matizes de #84d62d

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

Matiz (adicionando branco)
#84d62d

#84d62d
rgb(132,214,45)

#9cde57

#9cde57
rgb(156,222,87)

#b5e681

#b5e681
rgb(181,230,129)

#cdeeab

#cdeeab
rgb(205,238,171)

#e6f6d5

#e6f6d5
rgb(230,246,213)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#84d62d

#84d62d
rgb(132,214,45)

#69ab24

#69ab24
rgb(105,171,36)

#4f801b

#4f801b
rgb(79,128,27)

#345511

#345511
rgb(52,85,17)

#1a2a08

#1a2a08
rgb(26,42,8)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #84d62d

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

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

Contraste

Branco e #84d62d
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 #84d62d
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 #84d62d

Este exemplo mostra como o texto na cor #84d62d se parece.

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

Este parágrafo tem fundo de cor #84d62d.

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

Este elemento tem uma cor de borda de #84d62d.

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

Cores alietórias

#ace0ba

#ace0ba
rgb(172,224,186)

#70a8e3

#70a8e3
rgb(112,168,227)

#a21dbb

#a21dbb
rgb(162,29,187)

#94686b

#94686b
rgb(148,104,107)

#ca5ea9

#ca5ea9
rgb(202,94,169)

#459a50

#459a50
rgb(69,154,80)

#727f4a

#727f4a
rgb(114,127,74)

#c6e0d1

#c6e0d1
rgb(198,224,209)

#8bd71a

#8bd71a
rgb(139,215,26)

#7381d5

#7381d5
rgb(115,129,213)

#4af7d1

#4af7d1
rgb(74,247,209)

#c6da05

#c6da05
rgb(198,218,5)