Verde-Mar
Verde-Mar (#2E8B57) é um verde médio, de tom entre quente e frio, com RGB(46, 139, 87). É o seagreen do CSS: verde médio com um toque de azul, entre o Verde Médio (#4D8C57), mais acinzentado, e o Verde Primavera Escuro (#177245), mais escuro.
Em HSL, tem matiz de 146°, saturação de 50% e luminosidade de 36%. Em CMYK, os valores são C 67%, M 0%, Y 37% e K 45%. A cor segura para a web mais próxima é a #339966.
Conversões da Cor #2E8B57
Verde-Mar em vários códigos, para tela e para impressão. Guia: o que são HEX, RGB, HSL e CMYK · O que significa cada sigla, no glossário
| HEX | 2E8B57 |
|---|---|
| RGB | 46, 139, 87 |
| CMYK | 67, 0, 37, 45 |
| HSB | 146, 67, 55 |
| HSL | 146, 50, 36 |
| LRV | 19,7 |
| LAB | 51.53, -39.69, 20.04 |
|---|---|
| LCH | 51.53, 44.46, 153.21 |
| XYZ | 12.08, 19.73, 12.19 |
| LUV | 51.53, -38.60, 31.46 |
| HWB | 146, 18, 64 |
| Web Safe | 339966 |
Sobre a Cor Verde-Mar
O significado e a psicologia dos tons desta família estão em Cores Verde.
Onde Usar
Na roupa, é um verde de meio-termo: camisa social, polo, vestido, jaqueta, roupa de banho. Combina com branco, azul-marinho, areia e coral.
Em casa, pinta salas, quartos e armários, e entra em ladrilhos e tecidos, com madeira natural e branco. É escuro o bastante para não parecer infantil.
Na tela, aceita letra preta em qualquer corpo e branca em títulos; serve de cor de link, botão e destaque de tabela.
No papel, nenhum canal do verde-mar fica no extremo (C 67, M 0, Y 37, K 45); ainda assim, para uma marca, peça prova. Fotocopiado, dá exatamente o Cinza Fosco (#696969), que no CSS se chama dimgray.
Como Usar
Use o verde-mar como cor principal ou de apoio: aguenta áreas grandes. Sobre ele, o Creme (#FFFDD0) tem 4,09:1, para títulos.
Com a Amora-Preta (#873260), perto da complementar, forma um par de joia, de luz parecida (1,86:1). Com o Castanho Avermelhado (#80461B), da tríade, a paleta fica terrosa; com o Verde Celadão (#2F847C), análogo, marinha.
Evite o Verde Médio (#4D8C57) ao lado: com 1,05:1, os dois se fundem.
Psicologia
Luz média e saturação média, num verde com um pé no azul-esverdeado: o verde-mar fica no lado agradável e estável. No estudo de Valdez e Mehrabian, esses matizes estiveram entre os mais agradáveis, e a saturação moderada mantém a agitação baixa.
Lê-se como frescor, saúde e equilíbrio. Em excesso, pode parecer institucional.
Significado
Na Inglaterra da década de 1640, o verde-mar foi a cor dos Levellers, grupo político cujos partidários usavam fitas dessa cor, segundo a Wikipédia. O nome vem da semelhança com a água rasa do mar vista da superfície.
Origem do Nome
É o SeaGreen do X11, nome que o CSS manteve. Lá, ele é a quarta e mais escura variante numerada da cor: o SeaGreen1 é o Verde-Mar Vivo (#54FF9F), bem mais claro, segundo a Wikipédia. Em português, a Wikipédia registra este código com outro nome, herbal.
Acessibilidade
Texto verde-mar em fundo branco tem 4,25:1: passa como texto grande, não em parágrafos. Com fundo verde-mar, letras pretas chegam a 4,95:1 e passam no AA.
A protanopia o apaga num cinza-azulado, vizinho do Grafite (#41424C), e o aproxima do Verde Pastel Escuro (#03C03C), verde bem mais vivo. Na deuteranopia, vira um cinza-arroxeado e se aproxima do Brilho do Espaço Profundo (#4A646C). Na tritanopia, fica petróleo, perto do Verde Murta (#317873). Para quem enxerga pouco verde, o tom vira cinza.
Variações da Cor #2E8B57
Variações de Verde-Mar: sombras, tons claros, tons acinzentados, matizes e temperatura.
Sombras da Cor #2E8B57
Verde-Mar com preto acrescentado aos poucos. O que é sombra
Tons Claros da Cor #2E8B57
Verde-Mar com branco acrescentado aos poucos. O que é tom claro
Tons Acinzentados da Cor #2E8B57
Verde-Mar com cinza acrescentado aos poucos. O que é tom acinzentado
Matizes Próximos da Cor #2E8B57
Outros matizes a partir de Verde-Mar, girando no círculo cromático. O que é matiz
Temperaturas da Cor #2E8B57
Versões mais quentes e mais frias de Verde-Mar. Cores quentes e frias
Harmonias da Cor #2E8B57
Combinações de Verde-Mar pela posição no círculo cromático. O que são harmonias · Guia: cores complementares e análogas
Análogas
Verde-Mar e as duas cores vizinhas no círculo cromático.
Complementares
Verde-Mar e a cor do lado oposto do círculo cromático.
Complementares Divididas
Verde-Mar e as duas vizinhas da sua complementar.
Triádicas
Verde-Mar e mais duas cores, a 120° uma da outra.
Tetrádicas
Verde-Mar em dois pares de complementares, num retângulo.
Quadradas
Verde-Mar e mais três cores, a 90° uma da outra.
Simulador de Daltonismo da Cor #2E8B57
Como Verde-Mar aparece para quem tem cada tipo de daltonismo. Quantas pessoas têm cada tipo
Protanopia
Verde-Mar vira #565764 para quem tem protanopia.
Deuteranopia
Verde-Mar vira #514A67 para quem tem deuteranopia.
Tritanopia
Verde-Mar vira #336E70 para quem tem tritanopia.
Protanomalia
Verde-Mar vira #3F6C5E para quem tem protanomalia.
Deuteranomalia
Verde-Mar vira #41735E para quem tem deuteranomalia.
Tritanomalia
Verde-Mar vira #317D61 para quem tem tritanomalia.
Acromatopsia
Verde-Mar vira #696969 para quem tem acromatopsia.
Verificador de Contraste (WCAG) da Cor #2E8B57
Verde-Mar como texto e como fundo, com branco e com preto. O que são os níveis AA e AAA · Guia: como medir o contraste
Fundo Branco
| Elemento | AA | AAA |
|---|---|---|
| Texto Normal | ||
| Texto Grande | ||
| Elementos de UI |
Fundo Preto
| Elemento | AA | AAA |
|---|---|---|
| Texto Normal | ||
| Texto Grande | ||
| Elementos de UI |
Explore e Use a Cor #2E8B57
Os tons de verde, paletas com eles e as ferramentas já com esta cor carregada.
124 tons na família
Na faixa: Arco Íris de Cores Pastéis
Na faixa, a mistura com a complementar, #8A2E62
Texto branco e texto preto sobre ela; o preto lê melhor
Degradê com as análogas, para celular ou computador
Cores Relacionadas
As cores com nome mais parecidas com Verde-Mar, primeiro as da mesma família. O que é o ΔE
Exportar Códigos de Cores
Códigos Gerados