Informação da cor #30f469

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

No padrão de cores CMYK, é composto por 80.3% de ciano, 0% de magenta, 57% de amarelo e 4.3% de preto. Tem um ângulo de matiz de 137.5 graus, uma saturação de 89.9% e uma leveza de 57.3%.

A cor mais próxima WebSafe é 00CC66.

Conversões de #30f469 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 30f469
RGB 48, 244, 105
RGB Percentagem 18.8%, 95.7%, 41.2%
CMYK 0.8, 0, 0.57, 0.04
HSL 137.5°, 89.9%, 57.3%
HSV (ou HSB) 137.5°, 80.3%, 95.7%
RYB 18.8, 78.4, 95.7
Formato Cor
XYZ 37.3, 67.3, 26.8
CIELab 85.65, -72.22, 49.99
Decimal 3208297
Yxy 66.3452, 0.285, 0.5235
YUV 169.55, 91.5723, 41.3024
CIELuv 85.1722, -74.1774, 80.251
Web Safe 00CC66

Distribuição de #30f469

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.

#30f469

#30f469
rgb(48,244,105)

#f430bc

#f430bc
rgb(244,48,188)

Cores triadicas

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

#6930f4

#6930f4
rgb(105,48,244)

#30f469

#30f469
rgb(48,244,105)

#f46930

#f46930
rgb(244,105,48)

Cores tetrádicas

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

#305af4

#305af4
rgb(48,90,244)

#30f469

#30f469
rgb(48,244,105)

#f430bc

#f430bc
rgb(244,48,188)

#f4cb30

#f4cb30
rgb(244,203,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.

#30f469

#30f469
rgb(48,244,105)

#bff4cf

#bff4cf
rgb(191,244,207)

#bdf4cd

#bdf4cd
rgb(189,244,205)

#baf4cb

#baf4cb
rgb(186,244,203)

#b8f4ca

#b8f4ca
rgb(184,244,202)

#b6f4c8

#b6f4c8
rgb(182,244,200)

Tons e Matizes de #30f469

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

Matiz (adicionando branco)
#30f469

#30f469
rgb(48,244,105)

#59f687

#59f687
rgb(89,246,135)

#82f8a5

#82f8a5
rgb(130,248,165)

#acfac3

#acfac3
rgb(172,250,195)

#d5fce1

#d5fce1
rgb(213,252,225)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#30f469

#30f469
rgb(48,244,105)

#26c354

#26c354
rgb(38,195,84)

#1c923f

#1c923f
rgb(28,146,63)

#136129

#136129
rgb(19,97,41)

#093014

#093014
rgb(9,48,20)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #30f469

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#45d4e3

#45d4e3
rgb(69,212,227)

#7f5bed

#7f5bed
rgb(127,91,237)

#664f5a

#664f5a
rgb(102,79,90)

#db7bc4

#db7bc4
rgb(219,123,196)

#b0d7a9

#b0d7a9
rgb(176,215,169)

#f2a5e0

#f2a5e0
rgb(242,165,224)

#f8b10d

#f8b10d
rgb(248,177,13)

#d5c064

#d5c064
rgb(213,192,100)

#278c3a

#278c3a
rgb(39,140,58)

#00ed01

#00ed01
rgb(0,237,1)

#41a36e

#41a36e
rgb(65,163,110)

#498755

#498755
rgb(73,135,85)