Informação da cor #669900

A cor hexadecimal 669900 no modelo de cores RGB (Red, Green, Blue), é um composta por 102 de vermelho, 153 de verde e 0 de azul.

No padrão de cores CMYK, é composto por 33.3% de ciano, 0% de magenta, 100% de amarelo e 40% de preto. Tem um ângulo de matiz de 80 graus, uma saturação de 100% e uma leveza de 30%.

A cor 669900 é WebSafe.

Conversões de #669900 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 669900
RGB 102, 153, 0
RGB Percentagem 40%, 60%, 0%
CMYK 0.33, 0, 1, 0.4
HSL 80°, 100%, 30%
HSV (ou HSB) 80°, 100%, 60%
RYB 0, 60, 20
Formato Cor
XYZ 19, 28.4, 4.5
CIELab 60.25, -36.25, 62.42
Decimal 6723840
Yxy 25.6067, 0.3626, 0.5503
YUV 120.309, 60.1055, 114.9407
CIELuv 57.6618, -25.8579, 67.0897
Web Safe 669900

Distribuição de #669900

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.

#669900

#669900
rgb(102,153,0)

#330099

#330099
rgb(51,0,153)

Cores triadicas

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

#006699

#006699
rgb(0,102,153)

#669900

#669900
rgb(102,153,0)

#990067

#990067
rgb(153,0,103)

Cores tetrádicas

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

#009980

#009980
rgb(0,153,128)

#669900

#669900
rgb(102,153,0)

#330099

#330099
rgb(51,0,153)

#99001a

#99001a
rgb(153,0,26)

Cores monocromáticas

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

#669900

#669900
rgb(102,153,0)

#8e9978

#8e9978
rgb(142,153,120)

#8e9976

#8e9976
rgb(142,153,118)

#8d9975

#8d9975
rgb(141,153,117)

#8d9973

#8d9973
rgb(141,153,115)

#8c9972

#8c9972
rgb(140,153,114)

Tons e Matizes de #669900

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

Matiz (adicionando branco)
#669900

#669900
rgb(102,153,0)

#84ad33

#84ad33
rgb(132,173,51)

#a3c166

#a3c166
rgb(163,193,102)

#c1d699

#c1d699
rgb(193,214,153)

#e0eacc

#e0eacc
rgb(224,234,204)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#669900

#669900
rgb(102,153,0)

#517a00

#517a00
rgb(81,122,0)

#3d5b00

#3d5b00
rgb(61,91,0)

#283d00

#283d00
rgb(40,61,0)

#141e00

#141e00
rgb(20,30,0)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #669900

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

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

Contraste

Branco e #669900
Texto grande WCAG AA ✓ 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 #669900
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #669900

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

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

Este parágrafo tem fundo de cor #669900.

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

Este elemento tem uma cor de borda de #669900.

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

Cores alietórias

#30b39b

#30b39b
rgb(48,179,155)

#826c6c

#826c6c
rgb(130,108,108)

#cb761d

#cb761d
rgb(203,118,29)

#0032be

#0032be
rgb(0,50,190)

#3ddd6e

#3ddd6e
rgb(61,221,110)

#e4f88e

#e4f88e
rgb(228,248,142)

#326212

#326212
rgb(50,98,18)

#391297

#391297
rgb(57,18,151)

#acb097

#acb097
rgb(172,176,151)

#bf97ab

#bf97ab
rgb(191,151,171)

#36659b

#36659b
rgb(54,101,155)

#625275

#625275
rgb(98,82,117)