Informação da cor #66b16a

A cor hexadecimal 66b16a no modelo de cores RGB (Red, Green, Blue), é um composta por 102 de vermelho, 177 de verde e 106 de azul.

No padrão de cores CMYK, é composto por 42.4% de ciano, 0% de magenta, 40.1% de amarelo e 30.6% de preto. Tem um ângulo de matiz de 123.2 graus, uma saturação de 32.5% e uma leveza de 54.7%.

A cor mais próxima WebSafe é 669966.

Conversões de #66b16a 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 66b16a
RGB 102, 177, 106
RGB Percentagem 40%, 69.4%, 41.6%
CMYK 0.42, 0, 0.4, 0.31
HSL 123.2°, 32.5%, 54.7%
HSV (ou HSB) 123.2°, 42.4%, 69.4%
RYB 40, 68.2, 69.4
Formato Cor
XYZ 26.4, 38.2, 22
CIELab 68.2, -36.78, 27.79
Decimal 6730090
Yxy 35.3082, 0.304, 0.4509
YUV 146.481, 105.1552, 96.2732
CIELuv 65.9879, -36.0452, 44.3901
Web Safe 669966

Distribuição de #66b16a

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.

#66b16a

#66b16a
rgb(102,177,106)

#b166ae

#b166ae
rgb(177,102,174)

Cores triadicas

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

#6a66b1

#6a66b1
rgb(106,102,177)

#66b16a

#66b16a
rgb(102,177,106)

#b16a66

#b16a66
rgb(177,106,102)

Cores tetrádicas

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

#6688b1

#6688b1
rgb(102,136,177)

#66b16a

#66b16a
rgb(102,177,106)

#b166ae

#b166ae
rgb(177,102,174)

#b19066

#b19066
rgb(177,144,102)

Cores monocromáticas

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

#66b16a

#66b16a
rgb(102,177,106)

#8cb18e

#8cb18e
rgb(140,177,142)

#8ab18c

#8ab18c
rgb(138,177,140)

#88b18a

#88b18a
rgb(136,177,138)

#86b189

#86b189
rgb(134,177,137)

#84b187

#84b187
rgb(132,177,135)

Tons e Matizes de #66b16a

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

Matiz (adicionando branco)
#66b16a

#66b16a
rgb(102,177,106)

#84c087

#84c087
rgb(132,192,135)

#a3d0a5

#a3d0a5
rgb(163,208,165)

#c1dfc3

#c1dfc3
rgb(193,223,195)

#e0efe1

#e0efe1
rgb(224,239,225)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#66b16a

#66b16a
rgb(102,177,106)

#518d54

#518d54
rgb(81,141,84)

#3d6a3f

#3d6a3f
rgb(61,106,63)

#28462a

#28462a
rgb(40,70,42)

#142315

#142315
rgb(20,35,21)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #66b16a

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

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

Contraste

Branco e #66b16a
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 #66b16a
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 #66b16a

Este exemplo mostra como o texto na cor #66b16a se parece.

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

Este parágrafo tem fundo de cor #66b16a.

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

Este elemento tem uma cor de borda de #66b16a.

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

Cores alietórias

#bb7e4d

#bb7e4d
rgb(187,126,77)

#06c3ca

#06c3ca
rgb(6,195,202)

#649b40

#649b40
rgb(100,155,64)

#0640f6

#0640f6
rgb(6,64,246)

#a5cba4

#a5cba4
rgb(165,203,164)

#083ff5

#083ff5
rgb(8,63,245)

#fef8fd

#fef8fd
rgb(254,248,253)

#a06e76

#a06e76
rgb(160,110,118)

#3a6174

#3a6174
rgb(58,97,116)

#7ef0c7

#7ef0c7
rgb(126,240,199)

#8e33df

#8e33df
rgb(142,51,223)

#4a6ef4

#4a6ef4
rgb(74,110,244)