Informação da cor #32ef69

A cor hexadecimal 32ef69 no modelo de cores RGB (Red, Green, Blue), é um composta por 50 de vermelho, 239 de verde e 105 de azul.

No padrão de cores CMYK, é composto por 79.1% de ciano, 0% de magenta, 56.1% de amarelo e 6.3% de preto. Tem um ângulo de matiz de 137.5 graus, uma saturação de 85.5% e uma leveza de 56.7%.

A cor mais próxima WebSafe é 00CC66.

Conversões de #32ef69 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 32ef69
RGB 50, 239, 105
RGB Percentagem 19.6%, 93.7%, 41.2%
CMYK 0.79, 0, 0.56, 0.06
HSL 137.5°, 85.5%, 56.7%
HSV (ou HSB) 137.5°, 79.1%, 93.7%
RYB 19.6, 77.3, 93.7
Formato Cor
XYZ 36, 64.6, 26.3
CIELab 84.28, -70.46, 48.34
Decimal 3338089
Yxy 63.4268, 0.2848, 0.5202
YUV 167.213, 92.8911, 44.3958
CIELuv 83.6664, -72.2988, 77.7572
Web Safe 00CC66

Distribuição de #32ef69

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.

#32ef69

#32ef69
rgb(50,239,105)

#ef32b8

#ef32b8
rgb(239,50,184)

Cores triadicas

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

#6a32ef

#6a32ef
rgb(106,50,239)

#32ef69

#32ef69
rgb(50,239,105)

#ef6a32

#ef6a32
rgb(239,106,50)

Cores tetrádicas

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

#325aef

#325aef
rgb(50,90,239)

#32ef69

#32ef69
rgb(50,239,105)

#ef32b8

#ef32b8
rgb(239,50,184)

#efc832

#efc832
rgb(239,200,50)

Cores monocromáticas

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

#32ef69

#32ef69
rgb(50,239,105)

#bbefcb

#bbefcb
rgb(187,239,203)

#b9efc9

#b9efc9
rgb(185,239,201)

#b7efc7

#b7efc7
rgb(183,239,199)

#b4efc5

#b4efc5
rgb(180,239,197)

#b2efc4

#b2efc4
rgb(178,239,196)

Tons e Matizes de #32ef69

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

Matiz (adicionando branco)
#32ef69

#32ef69
rgb(50,239,105)

#5bf287

#5bf287
rgb(91,242,135)

#84f5a5

#84f5a5
rgb(132,245,165)

#adf8c3

#adf8c3
rgb(173,248,195)

#d6fbe1

#d6fbe1
rgb(214,251,225)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#32ef69

#32ef69
rgb(50,239,105)

#28bf54

#28bf54
rgb(40,191,84)

#1e8f3f

#1e8f3f
rgb(30,143,63)

#135f29

#135f29
rgb(19,95,41)

#092f14

#092f14
rgb(9,47,20)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #32ef69

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

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

Contraste

Branco e #32ef69
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 #32ef69
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 #32ef69

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

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

Este parágrafo tem fundo de cor #32ef69.

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

Este elemento tem uma cor de borda de #32ef69.

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

Cores alietórias

#25b510

#25b510
rgb(37,181,16)

#a2813d

#a2813d
rgb(162,129,61)

#b592f7

#b592f7
rgb(181,146,247)

#63b89c

#63b89c
rgb(99,184,156)

#9ad5c1

#9ad5c1
rgb(154,213,193)

#e105a3

#e105a3
rgb(225,5,163)

#af5299

#af5299
rgb(175,82,153)

#6bbaf4

#6bbaf4
rgb(107,186,244)

#7136d2

#7136d2
rgb(113,54,210)

#df26f8

#df26f8
rgb(223,38,248)

#8aa6c0

#8aa6c0
rgb(138,166,192)

#4efffd

#4efffd
rgb(78,255,253)