Cor #66dc18 - Guia Completo com Informações, Conversões e Esquemas

A cor hexadecimal #66dc18 corresponde ao modelo de cores RGB (Red, Green, Blue), com 102 de vermelho, 220 de verde e 24 de azul.

No padrão CMYK, essa cor é composta por 53.6% de ciano, 0% de magenta, 89.1% de amarelo e 13.7% de preto. Ela possui um ângulo de matiz de 96.1 graus, uma saturação de 80.3% e uma leveza de 47.8%.

Para ser mais WebSafe a cor mais próxima é 66CC00.

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	66dc18
RGB	102, 220, 24
RGB Percentagem	40%, 86.3%, 9.4%
CMYK	0.54, 0, 0.89, 0.14
HSL	96.1°, 80.3%, 47.8%
HSV (ou HSB)	96.1°, 89.1%, 86.3%
RYB	9.4, 86.3, 55.7

Formato	Cor
XYZ	33, 56.1, 10.4
CIELab	79.66, -60.73, 73.62
Decimal	6741016
Yxy	54.0746, 0.3289, 0.5694
YUV	162.374, 49.9108, 84.9372
CIELuv	78.5052, -55.5613, 92.063
Web Safe	66CC00

A cor é distribuída de diferentes maneiras em modelos de cores como RGB, RYB, CMYK e CMY.

RGB

RYB

CMYK

CMY

Cores complementares

São uma combinação harmoniosa de cores opostas na roda de cores. Em outras palavras, essas cores são simétricas em relação ao centro da roda e criam uma sensação de equilíbrio visual. A diferença de matiz entre cores complementares é de 180º.

#66dc18

#8e19dc

Cores triadicas

As cores triádicas são uma combinação harmoniosa de três cores equidistantes no círculo cromático. Essa técnica de harmonização de cores envolve a escolha de três cores que estão igualmente espaçadas na roda de cores, como azul, amarelo e vermelho.

#1967dc

#66dc18

#dc1967

Cores tetrádicas

As cores tetrádicas são uma combinação harmoniosa de duas pares de cores complementares na roda de cores. Essa técnica de harmonização de cores envolve a escolha de duas pares de cores opostas, o que resulta em quatro cores em uma relação complementar. Ao usar essas cores juntas, você pode criar uma sensação de equilíbrio e uma aparência.

#19c9dc

#66dc18

#8e19dc

#dc2c19

Cores monocromáticas

A harmonia monocromática é alcançada ao usar variações de uma única cor da roda das cores. Essa técnica de harmonização de cores envolve a escolha de diferentes tonalidades, tons e intensidades da mesma cor, resultando em uma aparência coesa e equilibrada. Ao usar a harmonia monocromática, você pode criar uma sensação de unidade e tranquilidade.

#66dc18

#c0dcac

#bedcaa

#bddca8

#bcdca6

#badca4

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

Matiz (adicionando branco)

#66dc18

#84e346

#a3ea74

#c1f1a2

#e0f8d0

#ffffff

Sombra (adicionando preto)

#66dc18

#51b013

#3d840e

#285709

#142b04

#000000

Ao compreender como usar sombras e matizes em suas criações, você pode adicionar profundidade e dimensão à sua arte ou projeto. Descubra como criar sombras e matizes a partir de cores puras para criar uma paleta de cores equilibrada e atraente.

Gerador de gradiente CSS

Fundo branco

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

Fundo preto

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

Fundo de cor #66dc18

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

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

Branco e #66dc18

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 #66dc18

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.

Texto com cor hexadecimal #66dc18

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

<span style="color:#66dc18;">Aqui fica o texto.</span>

Cor de fundo #66dc18

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

<p style="background-color:#66dc18;">O conteúdo fica aqui.</p>

Borda de cor #000bef

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

<div style="border:1px solid #000bef;">Conteúdo fica aqui</div>

Códigos CSS

.text {color:#66dc18;}

.background {background-color:#66dc18;}

.border {border:1px solid #66dc18;}

#115777

#b5b458

#8397c0

#ae166e

#3ab655

#a59634

#103adf

#9dbd33

#c74466

#ab6687

#b67d10

#00ac43

Informação da cor #66dc18

Conversões da cor #66dc18 num outro espaço de cores

Distribuição de #66dc18

RGB

RYB

CMYK

CMY

Harmonia de cores

Cores complementares

Cores triadicas

Cores tetrádicas

Cores monocromáticas

Tons e Matizes de #66dc18

Matiz (adicionando branco)

Sombra (adicionando preto)

Pré-visualização

Fundo branco

Fundo preto

Fundo de cor #66dc18

Contraste

Branco e #66dc18

Preto e #66dc18

Exemplos CSS

Cores alietórias