Informação da cor #30a584

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

No padrão de cores CMYK, é composto por 70.9% de ciano, 0% de magenta, 20% de amarelo e 35.3% de preto. Tem um ângulo de matiz de 163.1 graus, uma saturação de 54.9% e uma leveza de 41.8%.

A cor mais próxima WebSafe é 009966.

Conversões de #30a584 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 30a584
RGB 48, 165, 132
RGB Percentagem 18.8%, 64.7%, 51.8%
CMYK 0.71, 0, 0.2, 0.35
HSL 163.1°, 54.9%, 41.8%
HSV (ou HSB) 163.1°, 70.9%, 64.7%
RYB 18.8, 45.9, 64.7
Formato Cor
XYZ 20.9, 31.9, 29.7
CIELab 63.28, -39.74, 6.95
Decimal 3188100
Yxy 29.2024, 0.2528, 0.3919
YUV 126.255, 131.2421, 72.1833
CIELuv 60.9599, -45.4413, 17.2334
Web Safe 009966

Distribuição de #30a584

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.

#30a584

#30a584
rgb(48,165,132)

#a53052

#a53052
rgb(165,48,82)

Cores triadicas

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

#8430a5

#8430a5
rgb(132,48,165)

#30a584

#30a584
rgb(48,165,132)

#a58430

#a58430
rgb(165,132,48)

Cores tetrádicas

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

#4a30a5

#4a30a5
rgb(74,48,165)

#30a584

#30a584
rgb(48,165,132)

#a53052

#a53052
rgb(165,48,82)

#8ca530

#8ca530
rgb(140,165,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.

#30a584

#30a584
rgb(48,165,132)

#82a59b

#82a59b
rgb(130,165,155)

#80a59b

#80a59b
rgb(128,165,155)

#7ea59a

#7ea59a
rgb(126,165,154)

#7da59a

#7da59a
rgb(125,165,154)

#7ba59a

#7ba59a
rgb(123,165,154)

Tons e Matizes de #30a584

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

Matiz (adicionando branco)
#30a584

#30a584
rgb(48,165,132)

#59b79c

#59b79c
rgb(89,183,156)

#82c9b5

#82c9b5
rgb(130,201,181)

#acdbcd

#acdbcd
rgb(172,219,205)

#d5ede6

#d5ede6
rgb(213,237,230)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#30a584

#30a584
rgb(48,165,132)

#268469

#268469
rgb(38,132,105)

#1c634f

#1c634f
rgb(28,99,79)

#134134

#134134
rgb(19,65,52)

#09201a

#09201a
rgb(9,32,26)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #30a584

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

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

Contraste

Branco e #30a584
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 #30a584
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #30a584

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

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

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

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

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

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

Cores alietórias

#b92948

#b92948
rgb(185,41,72)

#64630b

#64630b
rgb(100,99,11)

#abb2df

#abb2df
rgb(171,178,223)

#a93a12

#a93a12
rgb(169,58,18)

#639b83

#639b83
rgb(99,155,131)

#a4e631

#a4e631
rgb(164,230,49)

#2eb91a

#2eb91a
rgb(46,185,26)

#bfd261

#bfd261
rgb(191,210,97)

#6c77ec

#6c77ec
rgb(108,119,236)

#f48231

#f48231
rgb(244,130,49)

#28c093

#28c093
rgb(40,192,147)

#bed98f

#bed98f
rgb(190,217,143)