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

#f530e6

#f530e6
rgb(245,48,230)

#586c3e

#586c3e
rgb(88,108,62)

#88cbac

#88cbac
rgb(136,203,172)

#add988

#add988
rgb(173,217,136)

#60d5fc

#60d5fc
rgb(96,213,252)

#f6bbd8

#f6bbd8
rgb(246,187,216)

#0ca57f

#0ca57f
rgb(12,165,127)

#327e9b

#327e9b
rgb(50,126,155)

#d07217

#d07217
rgb(208,114,23)

#f58d68

#f58d68
rgb(245,141,104)

#ae0d65

#ae0d65
rgb(174,13,101)

#173e4d

#173e4d
rgb(23,62,77)