Cores do WhatsApp

O verde do WhatsApp (#25D366), os dois verdes da interface clássica e o branco, com os códigos HEX usados como referência.

Copiar URL
Ver em tela cheia
Abrir
Papel de Parede
HEX
RGB
CMYK
HSB
HSL
LAB
LCH
XYZ
LUV
RAL
25D366
Copiar URL
Ver em tela cheia
Abrir
Papel de Parede
HEX
RGB
CMYK
HSB
HSL
LAB
LCH
XYZ
LUV
HKS
RAL
128C7E
Copiar URL
Ver em tela cheia
Abrir
Papel de Parede
HEX
RGB
CMYK
HSB
HSL
LAB
LCH
XYZ
LUV
HKS
RAL
075E54
Copiar URL
Ver em tela cheia
Abrir
Papel de Parede
HEX
RGB
CMYK
HSB
HSL
LAB
LCH
XYZ
LUV
RAL
FFFFFF

Cores na Paleta

#25D366 RGB: 37, 211, 102 parecida com Verde Pastel Escuro
#128C7E RGB: 18, 140, 126 parecida com Esmeralda Iluminada
#075E54 RGB: 7, 94, 84 parecida com Verde Brunswick
#FFFFFF RGB: 255, 255, 255 Branco

O Verde do WhatsApp

O WhatsApp foi fundado em 2009 por Jan Koum e Brian Acton, dois ex-funcionários do Yahoo. O Facebook, hoje Meta, anunciou a compra em 19 de fevereiro de 2014, por US$ 19 bilhões. O ícone é um balão de conversa branco com um telefone, sobre o verde.

A Meta não publica os códigos das cores do WhatsApp, e as regras da marca só proíbem alterar as cores do logotipo. O verde #25D366 é o valor que as referências usam para a marca. O verde-azulado #128C7E e o verde-escuro #075E54 são os da interface clássica do aplicativo, como a barra do topo.

Esta paleta foi corrigida: antes, ela tinha também o verde-claro dos balões de mensagem, o azul dos tiques de leitura e o bege do fundo das conversas, que são da tela antiga do aplicativo e não da marca. O branco sobre o verde-escuro passa com folga no contraste para texto. Veja outras paletas de marcas.

Códigos de Referência

A Meta não publica os códigos das cores do WhatsApp. O verde da marca é o valor usado pelas referências; os outros dois são da interface clássica do aplicativo.

CorHEXRGBReferência
Verde WhatsApp #25D366 37, 211, 102 —
Verde-azulado (interface) #128C7E 18, 140, 126 —
Verde-escuro (interface) #075E54 7, 94, 84 —
Branco #FFFFFF 255, 255, 255 —

Fontes: brandcolorcode.com, meta.com

Contraste Entre as Cores

Os pares desta paleta que dão para usar como texto sobre fundo, do maior para o menor contraste. AA pede 4,5:1 para texto normal e 3:1 para texto grande (WCAG).

Aa #FFFFFF sobre #075E54 7,7:1 · AAA
Aa #FFFFFF sobre #128C7E 4,1:1 · AA só texto grande
Aa #075E54 sobre #25D366 3,9:1 · AA só texto grande

Categoria de Cores

Categorias de Estilos

Paletas Similares

#000000
#005147
#BA2B2B
#EA553B
#FFFFFF
#58CC02
#89E219
#4B4B4B
#FFFFFF
#007F2D
#E30613
#BDBCBC
#FFFFFF
#1ED760
#FFFFFF
#121212
#107C10
#2CA243
#77BB44
#000000
#FFFFFF
#000000
#25F4EE
#FFFFFF
#FE2C55
#EA9508
#07C411
#1EC0C3
#F9DCA0
#000000
#FFFFFF
#995449
#C6FD8A
#E883F8
#82FDD3
#FFFFFF
#C61B1B
#FFFFFF
#E26A6A
#FFFFFF
#C61B1B
#75AADB
#FFFFFF
#FCBF45
#FFFFFF
#75AADB
#FF9900
#232F3E
#FFFFFF
#000000
#FFFFFF
#FFE600
#2D3277
#FFFFFF
#FF4500
#FFFFFF
#000000
#0057FF
#FFFFFF
#434347
#000000
#FF0000
#FFFFFF
#212121
#2151A1
#EB1933
#FFFFFF
#000000
#F40009
#FFFFFF
#000000
#FFBC0D
#DB0007
#FFFFFF
#292929
#3B5998
#8B9DC3
#DFE3EE
#F7F7F7
#FFFFFF
#1877F2
#F0F2F5
#FFFFFF
#FF9F1C
#FFBF69
#FFFFFF
#CBF3F0
#2EC4B6
#E60012
#FFFFFF
#0070CC
#000000
#FFFFFF
#253F81
#4D83C1
#F5D849
#E28D18
#FFFFFF
#FF0092
#AD00FF
#00FFBC
#FFFFFF
#FF48C1
#0047AB
#000080
#FFC0CB
#FF00FF
#C8A2C8
#046307
#595956
#C0C0C0
#FFFFFF
#353535
#3C6E71
#FFFFFF
#D9D9D9
#284B63
#FF0000
#FF7878
#FFFFFF
#74D680
#378B29

Exportar Paleta

Exportar Paleta como PDF

Exportar Paleta como Imagem

CSS


			

SVG


			

Código


			

Exportar Código Tailwind


			

Incorpore Esta Paleta

Copie e cole este código onde você deseja que o widget da paleta apareça.