Informação da cor #46f51b

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

No padrão de cores CMYK, é composto por 71.4% de ciano, 0% de magenta, 89% de amarelo e 3.9% de preto. Tem um ângulo de matiz de 108.2 graus, uma saturação de 91.6% e uma leveza de 53.3%.

A cor mais próxima WebSafe é 33CC00.

Conversões de #46f51b 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 46f51b
RGB 70, 245, 27
RGB Percentagem 27.5%, 96.1%, 10.6%
CMYK 0.71, 0, 0.89, 0.04
HSL 108.2°, 91.6%, 53.3%
HSV (ou HSB) 108.2°, 89%, 96.1%
RYB 10.6, 96.1, 79.2
Formato Cor
XYZ 36.4, 67.6, 12.6
CIELab 85.79, -75.72, 77.95
Decimal 4650267
Yxy 66.6821, 0.31, 0.5844
YUV 167.823, 48.5288, 58.226
CIELuv 85.3431, -73.0184, 101.663
Web Safe 33CC00

Distribuição de #46f51b

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.

#46f51b

#46f51b
rgb(70,245,27)

#cb1bf5

#cb1bf5
rgb(203,27,245)

Cores triadicas

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

#1b46f5

#1b46f5
rgb(27,70,245)

#46f51b

#46f51b
rgb(70,245,27)

#f51b46

#f51b46
rgb(245,27,70)

Cores tetrádicas

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

#1bb3f5

#1bb3f5
rgb(27,179,245)

#46f51b

#46f51b
rgb(70,245,27)

#cb1bf5

#cb1bf5
rgb(203,27,245)

#f55e1b

#f55e1b
rgb(245,94,27)

Cores monocromáticas

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

#46f51b

#46f51b
rgb(70,245,27)

#caf5c0

#caf5c0
rgb(202,245,192)

#c8f5bd

#c8f5bd
rgb(200,245,189)

#c7f5bb

#c7f5bb
rgb(199,245,187)

#c5f5b9

#c5f5b9
rgb(197,245,185)

#c3f5b6

#c3f5b6
rgb(195,245,182)

Tons e Matizes de #46f51b

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

Matiz (adicionando branco)
#46f51b

#46f51b
rgb(70,245,27)

#6bf748

#6bf748
rgb(107,247,72)

#90f976

#90f976
rgb(144,249,118)

#b5fba3

#b5fba3
rgb(181,251,163)

#dafdd1

#dafdd1
rgb(218,253,209)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#46f51b

#46f51b
rgb(70,245,27)

#38c415

#38c415
rgb(56,196,21)

#2a9310

#2a9310
rgb(42,147,16)

#1b610a

#1b610a
rgb(27,97,10)

#0d3005

#0d3005
rgb(13,48,5)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #46f51b

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#8661f1

#8661f1
rgb(134,97,241)

#25c04b

#25c04b
rgb(37,192,75)

#698bb3

#698bb3
rgb(105,139,179)

#368c72

#368c72
rgb(54,140,114)

#82b81a

#82b81a
rgb(130,184,26)

#afedc0

#afedc0
rgb(175,237,192)

#43ed33

#43ed33
rgb(67,237,51)

#9b8c41

#9b8c41
rgb(155,140,65)

#f37197

#f37197
rgb(243,113,151)

#d12f95

#d12f95
rgb(209,47,149)

#829e37

#829e37
rgb(130,158,55)

#0f49da

#0f49da
rgb(15,73,218)