Informação da cor #66f334

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

No padrão de cores CMYK, é composto por 58% de ciano, 0% de magenta, 78.6% de amarelo e 4.7% de preto. Tem um ângulo de matiz de 104.3 graus, uma saturação de 88.8% e uma leveza de 57.8%.

A cor mais próxima WebSafe é 66CC33.

Conversões de #66f334 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 66f334
RGB 102, 243, 52
RGB Percentagem 40%, 95.3%, 20.4%
CMYK 0.58, 0, 0.79, 0.05
HSL 104.3°, 88.8%, 57.8%
HSV (ou HSB) 104.3°, 78.6%, 95.3%
RYB 20.4, 95.3, 75.7
Formato Cor
XYZ 39.7, 68.4, 15.4
CIELab 86.19, -66.87, 71.97
Decimal 6746932
Yxy 67.1705, 0.3192, 0.562
YUV 179.067, 56.2918, 73.0306
CIELuv 85.59, -64.1223, 96.9594
Web Safe 66CC33

Distribuição de #66f334

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.

#66f334

#66f334
rgb(102,243,52)

#c135f3

#c135f3
rgb(193,53,243)

Cores triadicas

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

#3567f3

#3567f3
rgb(53,103,243)

#66f334

#66f334
rgb(102,243,52)

#f33567

#f33567
rgb(243,53,103)

Cores tetrádicas

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

#35c6f3

#35c6f3
rgb(53,198,243)

#66f334

#66f334
rgb(102,243,52)

#c135f3

#c135f3
rgb(193,53,243)

#f36235

#f36235
rgb(243,98,53)

Cores monocromáticas

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

#66f334

#66f334
rgb(102,243,52)

#ccf3bf

#ccf3bf
rgb(204,243,191)

#cbf3bc

#cbf3bc
rgb(203,243,188)

#c9f3ba

#c9f3ba
rgb(201,243,186)

#c7f3b7

#c7f3b7
rgb(199,243,183)

#c5f3b5

#c5f3b5
rgb(197,243,181)

Tons e Matizes de #66f334

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

Matiz (adicionando branco)
#66f334

#66f334
rgb(102,243,52)

#84f55c

#84f55c
rgb(132,245,92)

#a3f785

#a3f785
rgb(163,247,133)

#c1faad

#c1faad
rgb(193,250,173)

#e0fcd6

#e0fcd6
rgb(224,252,214)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#66f334

#66f334
rgb(102,243,52)

#51c229

#51c229
rgb(81,194,41)

#3d911f

#3d911f
rgb(61,145,31)

#286114

#286114
rgb(40,97,20)

#14300a

#14300a
rgb(20,48,10)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #66f334

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#bc2a23

#bc2a23
rgb(188,42,35)

#82489d

#82489d
rgb(130,72,157)

#b80ed1

#b80ed1
rgb(184,14,209)

#6df59b

#6df59b
rgb(109,245,155)

#9c2e34

#9c2e34
rgb(156,46,52)

#def1bc

#def1bc
rgb(222,241,188)

#543e98

#543e98
rgb(84,62,152)

#d0703c

#d0703c
rgb(208,112,60)

#ae1100

#ae1100
rgb(174,17,0)

#a4b794

#a4b794
rgb(164,183,148)

#c305a2

#c305a2
rgb(195,5,162)

#8947f4

#8947f4
rgb(137,71,244)