Informação da cor #33dc82

A cor hexadecimal 33dc82 no modelo de cores RGB (Red, Green, Blue), é um composta por 51 de vermelho, 220 de verde e 130 de azul.

No padrão de cores CMYK, é composto por 76.8% de ciano, 0% de magenta, 40.9% de amarelo e 13.7% de preto. Tem um ângulo de matiz de 148.1 graus, uma saturação de 70.7% e uma leveza de 53.1%.

A cor mais próxima WebSafe é 33CC66.

Conversões de #33dc82 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 33dc82
RGB 51, 220, 130
RGB Percentagem 20%, 86.3%, 51%
CMYK 0.77, 0, 0.41, 0.14
HSL 148.1°, 70.7%, 53.1%
HSV (ou HSB) 148.1°, 76.8%, 86.3%
RYB 20, 65.5, 86.3
Formato Cor
XYZ 32.7, 55.4, 32.9
CIELab 79.27, -60.3, 30.06
Decimal 3398786
Yxy 53.4982, 0.2711, 0.4681
YUV 159.209, 111.5164, 50.8181
CIELuv 78.1682, -64.5725, 54.2456
Web Safe 33CC66

Distribuição de #33dc82

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.

#33dc82

#33dc82
rgb(51,220,130)

#dc338e

#dc338e
rgb(220,51,142)

Cores triadicas

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

#8233dc

#8233dc
rgb(130,51,220)

#33dc82

#33dc82
rgb(51,220,130)

#dc8233

#dc8233
rgb(220,130,51)

Cores tetrádicas

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

#3339dc

#3339dc
rgb(51,57,220)

#33dc82

#33dc82
rgb(51,220,130)

#dc338e

#dc338e
rgb(220,51,142)

#dcd733

#dcd733
rgb(220,215,51)

Cores monocromáticas

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

#33dc82

#33dc82
rgb(51,220,130)

#addcc3

#addcc3
rgb(173,220,195)

#aadcc2

#aadcc2
rgb(170,220,194)

#a8dcc1

#a8dcc1
rgb(168,220,193)

#a6dcbf

#a6dcbf
rgb(166,220,191)

#a4dcbe

#a4dcbe
rgb(164,220,190)

Tons e Matizes de #33dc82

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

Matiz (adicionando branco)
#33dc82

#33dc82
rgb(51,220,130)

#5be39b

#5be39b
rgb(91,227,155)

#84eab4

#84eab4
rgb(132,234,180)

#adf1cd

#adf1cd
rgb(173,241,205)

#d6f8e6

#d6f8e6
rgb(214,248,230)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#33dc82

#33dc82
rgb(51,220,130)

#28b068

#28b068
rgb(40,176,104)

#1e844e

#1e844e
rgb(30,132,78)

#145733

#145733
rgb(20,87,51)

#0a2b19

#0a2b19
rgb(10,43,25)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #33dc82

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

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

Contraste

Branco e #33dc82
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 #33dc82
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 #33dc82

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

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

Este parágrafo tem fundo de cor #33dc82.

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

Este elemento tem uma cor de borda de #33dc82.

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

Cores alietórias

#1597b8

#1597b8
rgb(21,151,184)

#b1e8c9

#b1e8c9
rgb(177,232,201)

#4fbb84

#4fbb84
rgb(79,187,132)

#f24584

#f24584
rgb(242,69,132)

#00b6c3

#00b6c3
rgb(0,182,195)

#bd95f5

#bd95f5
rgb(189,149,245)

#e29f38

#e29f38
rgb(226,159,56)

#9de9ca

#9de9ca
rgb(157,233,202)

#e19fa3

#e19fa3
rgb(225,159,163)

#3e032f

#3e032f
rgb(62,3,47)

#66b6fb

#66b6fb
rgb(102,182,251)

#1a3f42

#1a3f42
rgb(26,63,66)