Informação da cor #84db74

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

No padrão de cores CMYK, é composto por 39.7% de ciano, 0% de magenta, 47% de amarelo e 14.1% de preto. Tem um ângulo de matiz de 110.7 graus, uma saturação de 58.9% e uma leveza de 65.7%.

A cor mais próxima WebSafe é 66CC66.

Conversões de #84db74 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 84db74
RGB 132, 219, 116
RGB Percentagem 51.8%, 85.9%, 45.5%
CMYK 0.4, 0, 0.47, 0.14
HSL 110.7°, 58.9%, 65.7%
HSV (ou HSB) 110.7°, 47%, 85.9%
RYB 45.5, 85.9, 79.6
Formato Cor
XYZ 40.5, 59.1, 28.4
CIELab 81.37, -43.55, 40.11
Decimal 8706932
Yxy 56.8274, 0.3158, 0.4723
YUV 181.245, 91.18, 92.8751
CIELuv 80.0824, -42.3079, 63.1267
Web Safe 66CC66

Distribuição de #84db74

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.

#84db74

#84db74
rgb(132,219,116)

#cb74db

#cb74db
rgb(203,116,219)

Cores triadicas

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

#7485db

#7485db
rgb(116,133,219)

#84db74

#84db74
rgb(132,219,116)

#db7485

#db7485
rgb(219,116,133)

Cores tetrádicas

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

#74b8db

#74b8db
rgb(116,184,219)

#84db74

#84db74
rgb(132,219,116)

#cb74db

#cb74db
rgb(203,116,219)

#db9874

#db9874
rgb(219,152,116)

Cores monocromáticas

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

#84db74

#84db74
rgb(132,219,116)

#b4dbac

#b4dbac
rgb(180,219,172)

#b2dbaa

#b2dbaa
rgb(178,219,170)

#b0dba8

#b0dba8
rgb(176,219,168)

#aedba6

#aedba6
rgb(174,219,166)

#acdba4

#acdba4
rgb(172,219,164)

Tons e Matizes de #84db74

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

Matiz (adicionando branco)
#84db74

#84db74
rgb(132,219,116)

#9ce28f

#9ce28f
rgb(156,226,143)

#b5e9ab

#b5e9ab
rgb(181,233,171)

#cdf0c7

#cdf0c7
rgb(205,240,199)

#e6f7e3

#e6f7e3
rgb(230,247,227)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#84db74

#84db74
rgb(132,219,116)

#69af5c

#69af5c
rgb(105,175,92)

#4f8345

#4f8345
rgb(79,131,69)

#34572e

#34572e
rgb(52,87,46)

#1a2b17

#1a2b17
rgb(26,43,23)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #84db74

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#0f4e72

#0f4e72
rgb(15,78,114)

#15033d

#15033d
rgb(21,3,61)

#5e7179

#5e7179
rgb(94,113,121)

#cd8a62

#cd8a62
rgb(205,138,98)

#23836e

#23836e
rgb(35,131,110)

#99ee02

#99ee02
rgb(153,238,2)

#655d83

#655d83
rgb(101,93,131)

#560b11

#560b11
rgb(86,11,17)

#ef3678

#ef3678
rgb(239,54,120)

#2e5259

#2e5259
rgb(46,82,89)

#2eb25b

#2eb25b
rgb(46,178,91)

#4f9f1b

#4f9f1b
rgb(79,159,27)