Informação da cor #45c832

A cor hexadecimal 45c832 no modelo de cores RGB (Red, Green, Blue), é um composta por 69 de vermelho, 200 de verde e 50 de azul.

No padrão de cores CMYK, é composto por 65.5% de ciano, 0% de magenta, 75% de amarelo e 21.6% de preto. Tem um ângulo de matiz de 112.4 graus, uma saturação de 60% e uma leveza de 49%.

A cor mais próxima WebSafe é 339900.

Conversões de #45c832 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 45c832
RGB 69, 200, 50
RGB Percentagem 27.1%, 78.4%, 19.6%
CMYK 0.65, 0, 0.75, 0.22
HSL 112.4°, 60%, 49%
HSV (ou HSB) 112.4°, 75%, 78.4%
RYB 19.6, 78.4, 71
Formato Cor
XYZ 25.5, 45.2, 11.4
CIELab 72.99, -61.13, 59.19
Decimal 4573234
Yxy 42.8016, 0.3095, 0.5594
YUV 143.731, 75.1044, 74.6968
CIELuv 71.4201, -57.278, 79.1914
Web Safe 339900

Distribuição de #45c832

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.

#45c832

#45c832
rgb(69,200,50)

#b632c8

#b632c8
rgb(182,50,200)

Cores triadicas

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

#3245c8

#3245c8
rgb(50,69,200)

#45c832

#45c832
rgb(69,200,50)

#c83245

#c83245
rgb(200,50,69)

Cores tetrádicas

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

#3290c8

#3290c8
rgb(50,144,200)

#45c832

#45c832
rgb(69,200,50)

#b632c8

#b632c8
rgb(182,50,200)

#c86b32

#c86b32
rgb(200,107,50)

Cores monocromáticas

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

#45c832

#45c832
rgb(69,200,50)

#a3c89d

#a3c89d
rgb(163,200,157)

#a1c89b

#a1c89b
rgb(161,200,155)

#9fc899

#9fc899
rgb(159,200,153)

#9dc897

#9dc897
rgb(157,200,151)

#9cc895

#9cc895
rgb(156,200,149)

Tons e Matizes de #45c832

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

Matiz (adicionando branco)
#45c832

#45c832
rgb(69,200,50)

#6ad35b

#6ad35b
rgb(106,211,91)

#8fde84

#8fde84
rgb(143,222,132)

#b4e9ad

#b4e9ad
rgb(180,233,173)

#d9f4d6

#d9f4d6
rgb(217,244,214)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#45c832

#45c832
rgb(69,200,50)

#37a028

#37a028
rgb(55,160,40)

#29781e

#29781e
rgb(41,120,30)

#1b4f13

#1b4f13
rgb(27,79,19)

#0d2709

#0d2709
rgb(13,39,9)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #45c832

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

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

Contraste

Branco e #45c832
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 #45c832
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 #45c832

Este exemplo mostra como o texto na cor #45c832 se parece.

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

Este parágrafo tem fundo de cor #45c832.

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

Este elemento tem uma cor de borda de #45c832.

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

Cores alietórias

#dc3a0b

#dc3a0b
rgb(220,58,11)

#93d974

#93d974
rgb(147,217,116)

#605336

#605336
rgb(96,83,54)

#4dd7f0

#4dd7f0
rgb(77,215,240)

#29d3b7

#29d3b7
rgb(41,211,183)

#67baaa

#67baaa
rgb(103,186,170)

#9f93a2

#9f93a2
rgb(159,147,162)

#bf6273

#bf6273
rgb(191,98,115)

#94d402

#94d402
rgb(148,212,2)

#4f7f5b

#4f7f5b
rgb(79,127,91)

#bad254

#bad254
rgb(186,210,84)

#9d0e10

#9d0e10
rgb(157,14,16)