Informação da cor #48da1a

A cor hexadecimal 48da1a no modelo de cores RGB (Red, Green, Blue), é um composta por 72 de vermelho, 218 de verde e 26 de azul.

No padrão de cores CMYK, é composto por 67% de ciano, 0% de magenta, 88.1% de amarelo e 14.5% de preto. Tem um ângulo de matiz de 105.6 graus, uma saturação de 78.7% e uma leveza de 47.8%.

A cor mais próxima WebSafe é 33CC00.

Conversões de #48da1a 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 48da1a
RGB 72, 218, 26
RGB Percentagem 28.2%, 85.5%, 10.2%
CMYK 0.67, 0, 0.88, 0.15
HSL 105.6°, 78.7%, 47.8%
HSV (ou HSB) 105.6°, 88.1%, 85.5%
RYB 10.2, 85.5, 67.5
Formato Cor
XYZ 29.5, 53.5, 10.2
CIELab 78.16, -67.52, 71.51
Decimal 4774426
Yxy 51.5922, 0.3139, 0.5798
YUV 152.458, 56.6355, 70.6119
CIELuv 77.0364, -63.3684, 91.0947
Web Safe 33CC00

Distribuição de #48da1a

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.

#48da1a

#48da1a
rgb(72,218,26)

#ad1ada

#ad1ada
rgb(173,26,218)

Cores triadicas

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

#1a49da

#1a49da
rgb(26,73,218)

#48da1a

#48da1a
rgb(72,218,26)

#da1a48

#da1a48
rgb(218,26,72)

Cores tetrádicas

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

#1aa9da

#1aa9da
rgb(26,169,218)

#48da1a

#48da1a
rgb(72,218,26)

#ad1ada

#ad1ada
rgb(173,26,218)

#da4c1a

#da4c1a
rgb(218,76,26)

Cores monocromáticas

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

#48da1a

#48da1a
rgb(72,218,26)

#b6daab

#b6daab
rgb(182,218,171)

#b5daa9

#b5daa9
rgb(181,218,169)

#b3daa6

#b3daa6
rgb(179,218,166)

#b1daa4

#b1daa4
rgb(177,218,164)

#b0daa2

#b0daa2
rgb(176,218,162)

Tons e Matizes de #48da1a

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

Matiz (adicionando branco)
#48da1a

#48da1a
rgb(72,218,26)

#6ce147

#6ce147
rgb(108,225,71)

#91e875

#91e875
rgb(145,232,117)

#b5f0a3

#b5f0a3
rgb(181,240,163)

#daf7d1

#daf7d1
rgb(218,247,209)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#48da1a

#48da1a
rgb(72,218,26)

#39ae14

#39ae14
rgb(57,174,20)

#2b820f

#2b820f
rgb(43,130,15)

#1c570a

#1c570a
rgb(28,87,10)

#0e2b05

#0e2b05
rgb(14,43,5)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #48da1a

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

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

Contraste

Branco e #48da1a
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 #48da1a
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 #48da1a

Este exemplo mostra como o texto na cor #48da1a se parece.

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

Este parágrafo tem fundo de cor #48da1a.

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

Este elemento tem uma cor de borda de #48da1a.

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

Cores alietórias

#452d7d

#452d7d
rgb(69,45,125)

#fb9c12

#fb9c12
rgb(251,156,18)

#a7f707

#a7f707
rgb(167,247,7)

#fca288

#fca288
rgb(252,162,136)

#f3bb15

#f3bb15
rgb(243,187,21)

#d4d9ae

#d4d9ae
rgb(212,217,174)

#e77ece

#e77ece
rgb(231,126,206)

#055f81

#055f81
rgb(5,95,129)

#249ec3

#249ec3
rgb(36,158,195)

#7b439a

#7b439a
rgb(123,67,154)

#67d2e9

#67d2e9
rgb(103,210,233)

#65887a

#65887a
rgb(101,136,122)