Informação da cor #48e43c

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

No padrão de cores CMYK, é composto por 68.4% de ciano, 0% de magenta, 73.7% de amarelo e 10.6% de preto. Tem um ângulo de matiz de 115.7 graus, uma saturação de 75.7% e uma leveza de 56.5%.

A cor mais próxima WebSafe é 33CC33.

Conversões de #48e43c 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 48e43c
RGB 72, 228, 60
RGB Percentagem 28.2%, 89.4%, 23.5%
CMYK 0.68, 0, 0.74, 0.11
HSL 115.7°, 75.7%, 56.5%
HSV (ou HSB) 115.7°, 73.7%, 89.4%
RYB 23.5, 89.4, 84.7
Formato Cor
XYZ 32.8, 58.8, 15.2
CIELab 81.2, -68.42, 63.92
Decimal 4777020
Yxy 57.1874, 0.3059, 0.5602
YUV 162.204, 70.3228, 63.6604
CIELuv 80.2849, -66.3005, 88.7839
Web Safe 33CC33

Distribuição de #48e43c

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.

#48e43c

#48e43c
rgb(72,228,60)

#d93ce4

#d93ce4
rgb(217,60,228)

Cores triadicas

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

#3c48e4

#3c48e4
rgb(60,72,228)

#48e43c

#48e43c
rgb(72,228,60)

#e43c48

#e43c48
rgb(228,60,72)

Cores tetrádicas

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

#3c9ce4

#3c9ce4
rgb(60,156,228)

#48e43c

#48e43c
rgb(72,228,60)

#d93ce4

#d93ce4
rgb(217,60,228)

#e4853c

#e4853c
rgb(228,133,60)

Cores monocromáticas

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

#48e43c

#48e43c
rgb(72,228,60)

#b6e4b3

#b6e4b3
rgb(182,228,179)

#b4e4b1

#b4e4b1
rgb(180,228,177)

#b2e4ae

#b2e4ae
rgb(178,228,174)

#b0e4ac

#b0e4ac
rgb(176,228,172)

#aee4aa

#aee4aa
rgb(174,228,170)

Tons e Matizes de #48e43c

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

Matiz (adicionando branco)
#48e43c

#48e43c
rgb(72,228,60)

#6ce963

#6ce963
rgb(108,233,99)

#91ee8a

#91ee8a
rgb(145,238,138)

#b5f4b1

#b5f4b1
rgb(181,244,177)

#daf9d8

#daf9d8
rgb(218,249,216)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#48e43c

#48e43c
rgb(72,228,60)

#39b630

#39b630
rgb(57,182,48)

#2b8824

#2b8824
rgb(43,136,36)

#1c5b17

#1c5b17
rgb(28,91,23)

#0e2d0b

#0e2d0b
rgb(14,45,11)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #48e43c

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#d19c8a

#d19c8a
rgb(209,156,138)

#21d482

#21d482
rgb(33,212,130)

#408393

#408393
rgb(64,131,147)

#31cd4d

#31cd4d
rgb(49,205,77)

#2fd6ae

#2fd6ae
rgb(47,214,174)

#1a0b41

#1a0b41
rgb(26,11,65)

#8f2e49

#8f2e49
rgb(143,46,73)

#d31d66

#d31d66
rgb(211,29,102)

#ca3090

#ca3090
rgb(202,48,144)

#225c97

#225c97
rgb(34,92,151)

#3fc89c

#3fc89c
rgb(63,200,156)

#618246

#618246
rgb(97,130,70)