Informação da cor #46e574

A cor hexadecimal 46e574 no modelo de cores RGB (Red, Green, Blue), é um composta por 70 de vermelho, 229 de verde e 116 de azul.

No padrão de cores CMYK, é composto por 69.4% de ciano, 0% de magenta, 49.3% de amarelo e 10.2% de preto. Tem um ângulo de matiz de 137.4 graus, uma saturação de 75.4% e uma leveza de 58.6%.

A cor mais próxima WebSafe é 33CC66.

Conversões de #46e574 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 46e574
RGB 70, 229, 116
RGB Percentagem 27.5%, 89.8%, 45.5%
CMYK 0.69, 0, 0.49, 0.1
HSL 137.4°, 75.4%, 58.6%
HSV (ou HSB) 137.4°, 69.4%, 89.8%
RYB 27.5, 76.1, 89.8
Formato Cor
XYZ 35.4, 60.3, 28.9
CIELab 82, -62.56, 40.46
Decimal 4646260
Yxy 58.5979, 0.2847, 0.4951
YUV 168.577, 98.329, 57.6883
CIELuv 81.0701, -65.145, 67.374
Web Safe 33CC66

Distribuição de #46e574

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.

#46e574

#46e574
rgb(70,229,116)

#e546b8

#e546b8
rgb(229,70,184)

Cores triadicas

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

#7446e5

#7446e5
rgb(116,70,229)

#46e574

#46e574
rgb(70,229,116)

#e57446

#e57446
rgb(229,116,70)

Cores tetrádicas

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

#4668e5

#4668e5
rgb(70,104,229)

#46e574

#46e574
rgb(70,229,116)

#e546b8

#e546b8
rgb(229,70,184)

#e5c446

#e5c446
rgb(229,196,70)

Cores monocromáticas

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

#46e574

#46e574
rgb(70,229,116)

#b4e5c2

#b4e5c2
rgb(180,229,194)

#b2e5c1

#b2e5c1
rgb(178,229,193)

#afe5bf

#afe5bf
rgb(175,229,191)

#ade5bd

#ade5bd
rgb(173,229,189)

#abe5bc

#abe5bc
rgb(171,229,188)

Tons e Matizes de #46e574

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

Matiz (adicionando branco)
#46e574

#46e574
rgb(70,229,116)

#6bea8f

#6bea8f
rgb(107,234,143)

#90efab

#90efab
rgb(144,239,171)

#b5f4c7

#b5f4c7
rgb(181,244,199)

#daf9e3

#daf9e3
rgb(218,249,227)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#46e574

#46e574
rgb(70,229,116)

#38b75c

#38b75c
rgb(56,183,92)

#2a8945

#2a8945
rgb(42,137,69)

#1b5b2e

#1b5b2e
rgb(27,91,46)

#0d2d17

#0d2d17
rgb(13,45,23)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #46e574

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

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

Contraste

Branco e #46e574
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 #46e574
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 #46e574

Este exemplo mostra como o texto na cor #46e574 se parece.

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

Este parágrafo tem fundo de cor #46e574.

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

Este elemento tem uma cor de borda de #46e574.

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

Cores alietórias

#cc50fa

#cc50fa
rgb(204,80,250)

#27d46e

#27d46e
rgb(39,212,110)

#581195

#581195
rgb(88,17,149)

#9332ef

#9332ef
rgb(147,50,239)

#3832ef

#3832ef
rgb(56,50,239)

#9f8259

#9f8259
rgb(159,130,89)

#26af1b

#26af1b
rgb(38,175,27)

#2b70e8

#2b70e8
rgb(43,112,232)

#a69240

#a69240
rgb(166,146,64)

#95d0fc

#95d0fc
rgb(149,208,252)

#d6c3f3

#d6c3f3
rgb(214,195,243)

#5c64e2

#5c64e2
rgb(92,100,226)