Informação da cor #30d33e

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

No padrão de cores CMYK, é composto por 77.3% de ciano, 0% de magenta, 70.6% de amarelo e 17.3% de preto. Tem um ângulo de matiz de 125.2 graus, uma saturação de 64.9% e uma leveza de 50.8%.

A cor mais próxima WebSafe é 00CC33.

Conversões de #30d33e 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 30d33e
RGB 48, 211, 62
RGB Percentagem 18.8%, 82.7%, 24.3%
CMYK 0.77, 0, 0.71, 0.17
HSL 125.2°, 64.9%, 50.8%
HSV (ou HSB) 125.2°, 77.3%, 82.8%
RYB 18.8, 78, 82.7
Formato Cor
XYZ 26.9, 49.6, 14
CIELab 75.81, -67.46, 57.3
Decimal 3199806
Yxy 47.5617, 0.2974, 0.5573
YUV 145.277, 81.004, 58.6155
CIELuv 74.5476, -64.9412, 80.7068
Web Safe 00CC33

Distribuição de #30d33e

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.

#30d33e

#30d33e
rgb(48,211,62)

#d330c6

#d330c6
rgb(211,48,198)

Cores triadicas

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

#3e30d3

#3e30d3
rgb(62,48,211)

#30d33e

#30d33e
rgb(48,211,62)

#d33e30

#d33e30
rgb(211,62,48)

Cores tetrádicas

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

#3074d3

#3074d3
rgb(48,116,211)

#30d33e

#30d33e
rgb(48,211,62)

#d330c6

#d330c6
rgb(211,48,198)

#d39030

#d39030
rgb(211,144,48)

Cores monocromáticas

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

#30d33e

#30d33e
rgb(48,211,62)

#a6d3aa

#a6d3aa
rgb(166,211,170)

#a3d3a8

#a3d3a8
rgb(163,211,168)

#a1d3a6

#a1d3a6
rgb(161,211,166)

#9fd3a4

#9fd3a4
rgb(159,211,164)

#9dd3a2

#9dd3a2
rgb(157,211,162)

Tons e Matizes de #30d33e

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

Matiz (adicionando branco)
#30d33e

#30d33e
rgb(48,211,62)

#59db64

#59db64
rgb(89,219,100)

#82e48b

#82e48b
rgb(130,228,139)

#acedb1

#acedb1
rgb(172,237,177)

#d5f6d8

#d5f6d8
rgb(213,246,216)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#30d33e

#30d33e
rgb(48,211,62)

#26a831

#26a831
rgb(38,168,49)

#1c7e25

#1c7e25
rgb(28,126,37)

#135418

#135418
rgb(19,84,24)

#092a0c

#092a0c
rgb(9,42,12)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #30d33e

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#febea5

#febea5
rgb(254,190,165)

#8574a1

#8574a1
rgb(133,116,161)

#c9e101

#c9e101
rgb(201,225,1)

#0a1ace

#0a1ace
rgb(10,26,206)

#0a4858

#0a4858
rgb(10,72,88)

#0bf7f4

#0bf7f4
rgb(11,247,244)

#7bf65a

#7bf65a
rgb(123,246,90)

#001ccd

#001ccd
rgb(0,28,205)

#5a3120

#5a3120
rgb(90,49,32)

#e4d1a5

#e4d1a5
rgb(228,209,165)

#46785b

#46785b
rgb(70,120,91)

#e778bd

#e778bd
rgb(231,120,189)