Informação da cor #84d65b

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

No padrão de cores CMYK, é composto por 38.3% de ciano, 0% de magenta, 57.5% de amarelo e 16.1% de preto. Tem um ângulo de matiz de 100 graus, uma saturação de 60% e uma leveza de 59.8%.

A cor mais próxima WebSafe é 66CC33.

Conversões de #84d65b 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 84d65b
RGB 132, 214, 91
RGB Percentagem 51.8%, 83.9%, 35.7%
CMYK 0.38, 0, 0.57, 0.16
HSL 100°, 60%, 59.8%
HSV (ou HSB) 100°, 57.5%, 83.9%
RYB 35.7, 83.9, 67.8
Formato Cor
XYZ 37.9, 56.2, 20.8
CIELab 79.71, -44.56, 49.85
Decimal 8705627
Yxy 53.7522, 0.3294, 0.4995
YUV 175.46, 80.3364, 97.0014
CIELuv 78.317, -40.4688, 72.3057
Web Safe 66CC33

Distribuição de #84d65b

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.

#84d65b

#84d65b
rgb(132,214,91)

#ae5bd6

#ae5bd6
rgb(174,91,214)

Cores triadicas

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

#5b84d6

#5b84d6
rgb(91,132,214)

#84d65b

#84d65b
rgb(132,214,91)

#d65b84

#d65b84
rgb(214,91,132)

Cores tetrádicas

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

#5bc2d6

#5bc2d6
rgb(91,194,214)

#84d65b

#84d65b
rgb(132,214,91)

#ae5bd6

#ae5bd6
rgb(174,91,214)

#d6705b

#d6705b
rgb(214,112,91)

Cores monocromáticas

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

#84d65b

#84d65b
rgb(132,214,91)

#b8d6a8

#b8d6a8
rgb(184,214,168)

#b6d6a6

#b6d6a6
rgb(182,214,166)

#b5d6a4

#b5d6a4
rgb(181,214,164)

#b3d6a2

#b3d6a2
rgb(179,214,162)

#b2d6a0

#b2d6a0
rgb(178,214,160)

Tons e Matizes de #84d65b

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

Matiz (adicionando branco)
#84d65b

#84d65b
rgb(132,214,91)

#9cde7b

#9cde7b
rgb(156,222,123)

#b5e69c

#b5e69c
rgb(181,230,156)

#cdeebd

#cdeebd
rgb(205,238,189)

#e6f6de

#e6f6de
rgb(230,246,222)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#84d65b

#84d65b
rgb(132,214,91)

#69ab48

#69ab48
rgb(105,171,72)

#4f8036

#4f8036
rgb(79,128,54)

#345524

#345524
rgb(52,85,36)

#1a2a12

#1a2a12
rgb(26,42,18)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #84d65b

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#0980a8

#0980a8
rgb(9,128,168)

#bab6ed

#bab6ed
rgb(186,182,237)

#a079b6

#a079b6
rgb(160,121,182)

#052d8c

#052d8c
rgb(5,45,140)

#e6b9e1

#e6b9e1
rgb(230,185,225)

#7b8e91

#7b8e91
rgb(123,142,145)

#0b5a14

#0b5a14
rgb(11,90,20)

#90d67f

#90d67f
rgb(144,214,127)

#5331c2

#5331c2
rgb(83,49,194)

#0ed515

#0ed515
rgb(14,213,21)

#37ec16

#37ec16
rgb(55,236,22)

#afa722

#afa722
rgb(175,167,34)