Informação da cor #32f390

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

No padrão de cores CMYK, é composto por 79.4% de ciano, 0% de magenta, 40.7% de amarelo e 4.7% de preto. Tem um ângulo de matiz de 149.2 graus, uma saturação de 88.9% e uma leveza de 57.5%.

A cor mais próxima WebSafe é 00CC66.

Conversões de #32f390 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 32f390
RGB 50, 243, 144
RGB Percentagem 19.6%, 95.3%, 56.5%
CMYK 0.79, 0, 0.41, 0.05
HSL 149.2°, 88.9%, 57.5%
HSV (ou HSB) 149.2°, 79.4%, 95.3%
RYB 19.6, 70.6, 95.3
Formato Cor
XYZ 39.7, 67.8, 40.4
CIELab 85.92, -65.58, 32.08
Decimal 3339152
Yxy 66.7882, 0.2696, 0.4689
YUV 174.007, 111.066, 39.5499
CIELuv 85.3969, -71.6218, 59.3526
Web Safe 00CC66

Distribuição de #32f390

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.

#32f390

#32f390
rgb(50,243,144)

#f33295

#f33295
rgb(243,50,149)

Cores triadicas

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

#9132f3

#9132f3
rgb(145,50,243)

#32f390

#32f390
rgb(50,243,144)

#f39132

#f39132
rgb(243,145,50)

Cores tetrádicas

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

#3235f3

#3235f3
rgb(50,53,243)

#32f390

#32f390
rgb(50,243,144)

#f33295

#f33295
rgb(243,50,149)

#f3f132

#f3f132
rgb(243,241,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.

#32f390

#32f390
rgb(50,243,144)

#bff3d8

#bff3d8
rgb(191,243,216)

#bcf3d7

#bcf3d7
rgb(188,243,215)

#baf3d6

#baf3d6
rgb(186,243,214)

#b7f3d5

#b7f3d5
rgb(183,243,213)

#b5f3d3

#b5f3d3
rgb(181,243,211)

Tons e Matizes de #32f390

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

Matiz (adicionando branco)
#32f390

#32f390
rgb(50,243,144)

#5bf5a6

#5bf5a6
rgb(91,245,166)

#84f7bc

#84f7bc
rgb(132,247,188)

#adfad2

#adfad2
rgb(173,250,210)

#d6fce8

#d6fce8
rgb(214,252,232)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#32f390

#32f390
rgb(50,243,144)

#28c273

#28c273
rgb(40,194,115)

#1e9156

#1e9156
rgb(30,145,86)

#136139

#136139
rgb(19,97,57)

#09301c

#09301c
rgb(9,48,28)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #32f390

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#3bdb8c

#3bdb8c
rgb(59,219,140)

#e79af3

#e79af3
rgb(231,154,243)

#2a73ea

#2a73ea
rgb(42,115,234)

#3610db

#3610db
rgb(54,16,219)

#e680ed

#e680ed
rgb(230,128,237)

#9be196

#9be196
rgb(155,225,150)

#591fc0

#591fc0
rgb(89,31,192)

#448058

#448058
rgb(68,128,88)

#d6eff2

#d6eff2
rgb(214,239,242)

#5f66ee

#5f66ee
rgb(95,102,238)

#a121a2

#a121a2
rgb(161,33,162)

#192b56

#192b56
rgb(25,43,86)