Informação da cor #30d050

A cor hexadecimal 30d050 no modelo de cores RGB (Red, Green, Blue), é um composta por 48 de vermelho, 208 de verde e 80 de azul.

No padrão de cores CMYK, é composto por 76.9% de ciano, 0% de magenta, 61.5% de amarelo e 18.4% de preto. Tem um ângulo de matiz de 132 graus, uma saturação de 63% e uma leveza de 50.2%.

A cor mais próxima WebSafe é 00CC33.

Conversões de #30d050 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 30d050
RGB 48, 208, 80
RGB Percentagem 18.8%, 81.6%, 31.4%
CMYK 0.77, 0, 0.62, 0.18
HSL 132°, 63%, 50.2%
HSV (ou HSB) 132°, 76.9%, 81.6%
RYB 18.8, 71.4, 81.6
Formato Cor
XYZ 26.9, 48.4, 17.3
CIELab 75.1, -64.55, 48.75
Decimal 3199056
Yxy 46.3163, 0.2908, 0.534
YUV 145.568, 90.9978, 58.4079
CIELuv 73.7503, -63.3376, 73.0206
Web Safe 00CC33

Distribuição de #30d050

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.

#30d050

#30d050
rgb(48,208,80)

#d031b0

#d031b0
rgb(208,49,176)

Cores triadicas

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

#5131d0

#5131d0
rgb(81,49,208)

#30d050

#30d050
rgb(48,208,80)

#d05031

#d05031
rgb(208,80,49)

Cores tetrádicas

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

#3160d0

#3160d0
rgb(49,96,208)

#30d050

#30d050
rgb(48,208,80)

#d031b0

#d031b0
rgb(208,49,176)

#d0a031

#d0a031
rgb(208,160,49)

Cores monocromáticas

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

#30d050

#30d050
rgb(48,208,80)

#a3d0ac

#a3d0ac
rgb(163,208,172)

#a1d0ab

#a1d0ab
rgb(161,208,171)

#9fd0a9

#9fd0a9
rgb(159,208,169)

#9dd0a7

#9dd0a7
rgb(157,208,167)

#9bd0a6

#9bd0a6
rgb(155,208,166)

Tons e Matizes de #30d050

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

Matiz (adicionando branco)
#30d050

#30d050
rgb(48,208,80)

#59d973

#59d973
rgb(89,217,115)

#82e296

#82e296
rgb(130,226,150)

#acecb9

#acecb9
rgb(172,236,185)

#d5f5dc

#d5f5dc
rgb(213,245,220)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#30d050

#30d050
rgb(48,208,80)

#26a640

#26a640
rgb(38,166,64)

#1c7c30

#1c7c30
rgb(28,124,48)

#13531f

#13531f
rgb(19,83,31)

#09290f

#09290f
rgb(9,41,15)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #30d050

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

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

Contraste

Branco e #30d050
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 #30d050
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 #30d050

Este exemplo mostra como o texto na cor #30d050 se parece.

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

Este parágrafo tem fundo de cor #30d050.

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

Este elemento tem uma cor de borda de #30d050.

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

Cores alietórias

#c0fede

#c0fede
rgb(192,254,222)

#18cf66

#18cf66
rgb(24,207,102)

#400fc0

#400fc0
rgb(64,15,192)

#183742

#183742
rgb(24,55,66)

#0fb490

#0fb490
rgb(15,180,144)

#e1f743

#e1f743
rgb(225,247,67)

#a169c8

#a169c8
rgb(161,105,200)

#92a92d

#92a92d
rgb(146,169,45)

#59d2e7

#59d2e7
rgb(89,210,231)

#5f63ea

#5f63ea
rgb(95,99,234)

#f1f124

#f1f124
rgb(241,241,36)

#1201e2

#1201e2
rgb(18,1,226)