Informação da cor #66ff80

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

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

A cor mais próxima WebSafe é 66FF66.

Conversões de #66ff80 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 66ff80
RGB 102, 255, 128
RGB Percentagem 40%, 100%, 50.2%
CMYK 0.6, 0, 0.5, 0
HSL 130.2°, 100%, 70%
HSV (ou HSB) 130.2°, 60%, 100%
RYB 40, 91.4, 100
Formato Cor
XYZ 46.7, 76.6, 35.5
CIELab 90.15, -63.1, 45.33
Decimal 6750080
Yxy 75.8989, 0.2936, 0.4937
YUV 194.775, 90.3166, 61.8266
CIELuv 89.8124, -66.5338, 75.4554
Web Safe 66FF66

Distribuição de #66ff80

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.

#66ff80

#66ff80
rgb(102,255,128)

#ff66e5

#ff66e5
rgb(255,102,229)

Cores triadicas

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

#8166ff

#8166ff
rgb(129,102,255)

#66ff80

#66ff80
rgb(102,255,128)

#ff8166

#ff8166
rgb(255,129,102)

Cores tetrádicas

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

#6699ff

#6699ff
rgb(102,153,255)

#66ff80

#66ff80
rgb(102,255,128)

#ff66e5

#ff66e5
rgb(255,102,229)

#ffcd66

#ffcd66
rgb(255,205,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.

#66ff80

#66ff80
rgb(102,255,128)

#c8ffd2

#c8ffd2
rgb(200,255,210)

#c6ffd0

#c6ffd0
rgb(198,255,208)

#c3ffce

#c3ffce
rgb(195,255,206)

#c1ffcb

#c1ffcb
rgb(193,255,203)

#beffc9

#beffc9
rgb(190,255,201)

Tons e Matizes de #66ff80

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

Matiz (adicionando branco)
#66ff80

#66ff80
rgb(102,255,128)

#84ff99

#84ff99
rgb(132,255,153)

#a3ffb2

#a3ffb2
rgb(163,255,178)

#c1ffcc

#c1ffcc
rgb(193,255,204)

#e0ffe5

#e0ffe5
rgb(224,255,229)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#66ff80

#66ff80
rgb(102,255,128)

#51cc66

#51cc66
rgb(81,204,102)

#3d994c

#3d994c
rgb(61,153,76)

#286533

#286533
rgb(40,101,51)

#143219

#143219
rgb(20,50,25)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #66ff80

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#bce05e

#bce05e
rgb(188,224,94)

#effb96

#effb96
rgb(239,251,150)

#e4e60e

#e4e60e
rgb(228,230,14)

#7bf94b

#7bf94b
rgb(123,249,75)

#cc506d

#cc506d
rgb(204,80,109)

#54ed82

#54ed82
rgb(84,237,130)

#2e9a45

#2e9a45
rgb(46,154,69)

#c90b25

#c90b25
rgb(201,11,37)

#bba582

#bba582
rgb(187,165,130)

#c9801e

#c9801e
rgb(201,128,30)

#2aa653

#2aa653
rgb(42,166,83)

#0e86d6

#0e86d6
rgb(14,134,214)