Informação da cor #2e8b57

A cor hexadecimal 2e8b57 no modelo de cores RGB (Red, Green, Blue), é um composta por 46 de vermelho, 139 de verde e 87 de azul.

No padrão de cores CMYK, é composto por 66.9% de ciano, 0% de magenta, 37.4% de amarelo e 45.5% de preto. Tem um ângulo de matiz de 146.5 graus, uma saturação de 50.3% e uma leveza de 36.3%.

A cor mais próxima WebSafe é 006633.

Conversões de #2e8b57 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 2e8b57
RGB 46, 139, 87
RGB Percentagem 18%, 54.5%, 34.1%
CMYK 0.67, 0, 0.37, 0.45
HSL 146.5°, 50.3%, 36.3%
HSV (ou HSB) 146.5°, 66.9%, 54.5%
RYB 18, 43.5, 54.5
Formato Cor
XYZ 14, 22.3, 14.5
CIELab 54.34, -39.44, 19.06
Decimal 3050327
Yxy 19.7329, 0.2745, 0.4485
YUV 105.265, 117.6924, 85.7282
CIELuv 51.5339, -38.6219, 31.4751
Web Safe 006633

Distribuição de #2e8b57

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.

#2e8b57

#2e8b57
rgb(46,139,87)

#8b2e62

#8b2e62
rgb(139,46,98)

Cores triadicas

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

#582e8b

#582e8b
rgb(88,46,139)

#2e8b57

#2e8b57
rgb(46,139,87)

#8b582e

#8b582e
rgb(139,88,46)

Cores tetrádicas

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

#2e348b

#2e348b
rgb(46,52,139)

#2e8b57

#2e8b57
rgb(46,139,87)

#8b2e62

#8b2e62
rgb(139,46,98)

#8b862e

#8b862e
rgb(139,134,46)

Cores monocromáticas

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

#2e8b57

#2e8b57
rgb(46,139,87)

#6d8b7b

#6d8b7b
rgb(109,139,123)

#6c8b7a

#6c8b7a
rgb(108,139,122)

#6b8b79

#6b8b79
rgb(107,139,121)

#698b78

#698b78
rgb(105,139,120)

#688b78

#688b78
rgb(104,139,120)

Tons e Matizes de #2e8b57

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

Matiz (adicionando branco)
#2e8b57

#2e8b57
rgb(46,139,87)

#57a278

#57a278
rgb(87,162,120)

#81b99a

#81b99a
rgb(129,185,154)

#abd0bb

#abd0bb
rgb(171,208,187)

#d5e7dd

#d5e7dd
rgb(213,231,221)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#2e8b57

#2e8b57
rgb(46,139,87)

#246f45

#246f45
rgb(36,111,69)

#1b5334

#1b5334
rgb(27,83,52)

#123722

#123722
rgb(18,55,34)

#091b11

#091b11
rgb(9,27,17)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #2e8b57

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

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

Contraste

Branco e #2e8b57
Texto grande WCAG AA ✓ 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 #2e8b57
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #2e8b57

Este exemplo mostra como o texto na cor #2e8b57 se parece.

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

Este parágrafo tem fundo de cor #2e8b57.

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

Este elemento tem uma cor de borda de #2e8b57.

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

Cores alietórias

#c5efdb

#c5efdb
rgb(197,239,219)

#f6220d

#f6220d
rgb(246,34,13)

#4ecb09

#4ecb09
rgb(78,203,9)

#1ed699

#1ed699
rgb(30,214,153)

#fb6341

#fb6341
rgb(251,99,65)

#4584d0

#4584d0
rgb(69,132,208)

#f58add

#f58add
rgb(245,138,221)

#ae68be

#ae68be
rgb(174,104,190)

#4e86ef

#4e86ef
rgb(78,134,239)

#f6fa69

#f6fa69
rgb(246,250,105)

#6ddc60

#6ddc60
rgb(109,220,96)

#03d3de

#03d3de
rgb(3,211,222)