O verde abacate é um tom calmo e terroso que se assemelha à casca do fruto maduro. Está entre o amarelo e o verde na roda de cores, oferecendo uma vibração acolhedora. Com tons como oliva e musgo, é perfeito para designs que precisam de um toque de natureza e frescor.
O Verde Abacate é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código Hex: #568203
- Valor RGB: 33,7% vermelho, 51,0% verde, 1,2% azul
Os critérios de acessibilidade são fundamentais na escolha de cores no design de UX e UI. O Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo Web.
Para variações dentro do mesmo espectro do Verde Abacate, considere:
- Verde Oliva (#636b2f): Oferece um tom terroso e suave, reminiscente de abacates maduros, compartilhando a mesma vivacidade natural e riqueza sutil.
- Verde Musgo (#7e8c54): Captura um tom suave e terroso semelhante à textura de um abacate, com uma mistura de tons acinzentados que ecoam sua casca não madura.
- Pistache (#84b067): Reflete os tons mais suaves e frescos da polpa do abacate, combinando um verde vibrante com toques de amarelo para um equilíbrio delicado.
- Verde Militar (#5d6532): Exala um tom profundo e fundamentado com um calor sutil, paralelo à natureza robusta e encorpada das cascas de abacate.
Para complementar o Verde Abacate, considere combiná-lo com:
- Coral (#FF8559): Adiciona calor com seus tons vibrantes e tropicais, criando um contraste animado com o terroso Verde Abacate.
- Rosa Blush (#FF7782): Suaviza a paleta com seu tom sutil e delicado, permitindo que o Verde Abacate permaneça como ponto focal.
- Amarelo Claro (#FFFFC5): Ilumina o esquema com um frescor ensolarado que destaca a profundidade natural do Verde Abacate.
- Taupe (#54463A): Fornece um fundo discreto e sofisticado, enriquecendo a sensação orgânica do Verde Abacate.
Embora o Verde Abacate seja um tom único e suave, ele pode entrar em conflito com:
- Laranja Neon (#FF5C00): A energia brilhante do laranja neon pode sobrepujar o tom terroso do verde abacate, criando uma discórdia visual.
- Escarlate (#ED2100): O calor intenso do escarlate contrasta fortemente com o verde abacate, levando a uma aparência chocante.
- Fúcsia (#FF00FF): A vivacidade do fúcsia compete com o verde abacate, resultando em uma falta de harmonia entre os tons ousados.
- Azul Real (#305CDE): O azul profundo do azul real contrasta fortemente com o verde abacate, rompendo o equilíbrio com sua vivacidade.
- Amarelo Brilhante (#FFED29): A luminosidade intensa do amarelo brilhante pode ofuscar a sutileza do verde abacate, levando a um desequilíbrio visual.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Terra Vibrante
Profundidade Verdejante
Rosa Verdejante
Verificador de contraste
Contraste 4,58
- Texto grande
#568203
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Reprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Contraste 4,59
- Texto grande
#568203
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Reprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #568203, conhecida como Verde Abacate, tem valores RGB de R:86, G:130, B:3 e valores CMYK de C:34, M:0, Y:98, K:49.
| VALUE | CSS | |
|---|---|---|
| HEX | #568203 | #568203 |
| RGB DECIMAL | 86, 130, 3 | RGB(86,130,3) |
| RGB PERCENTAGE | 33.7, 51.0, 1.2 | RGB(33.7%,51.0%,1.2%) |
| CMYK | 34, 0, 98, 49 | |
| HSL | HSL(80.8, 95.5%, 26.1%) | HSL(80.8, 95.5%, 26.1%) |
| HSV (OR HSB) | 80.8°, 97.7, 51.0 | |
| WEB SAFE | #1021530 | #1021530 |
| BINARY | 01010110, 10000010, 00000011 | |
| iOS - SwiftUI | Color(red: 0.337, green: 0.510, blue: 0.012) | |
| iOS - UIKit | UIColor(red: 0.337, green: 0.510, blue: 0.012, alpha: 1) | |
| Android - Compose | Color(0xFF568203) |