E-commerce & Payments

Alipay Color Codes

Alipay's color is a clear blue, hex #1677FF, behind the Alipay wordmark and the payment icon. The Alipay color codes in Hex, RGB and CMYK can be found below. Alibaba built Alipay in 2003 to hold funds in escrow for Taobao purchases, then spun it out in 2004; it now sits inside Ant Group. Its retail sibling is AliExpress.

The Alipay logo, shown for identification. Alipay is a trademark of its owner and this site is not affiliated with it.

Primary colors

What are Alipay Primary Colors?

Alipay's primary colors are alipay blue #1677FF, white #FFFFFF.

Alipay publishes no open hex sheet; the blue is measured from the current mark.

Alipay Alipay Blue

Hex	#1677FF
RGB	22, 119, 255
HSL	hsl(215, 100%, 54%)
CMYK	91%, 53%, 0%, 0%converted · approximate
Pantone	PMS 293 Cnearest match · not published by the brand

Alipay White

Hex	#FFFFFF
RGB	255, 255, 255
HSL	hsl(0, 0%, 100%)
CMYK	0%, 0%, 0%, 0%converted · approximate
Pantone	PMS 656 Cnearest match · not published by the brand

Alipay Hex Color Codes

Alipay hex color codes are #1677FF for alipay blue and #FFFFFF for white.

Color	Hex
Alipay Blue	#1677FF
White	#FFFFFF

Alipay RGB Color Codes

Alipay RGB color codes are 22, 119, 255 for alipay blue and 255, 255, 255 for white. Reach for RGB when a tool wants channel numbers or a CSS alpha value.

Color	RGB
Alipay Blue	rgb(22, 119, 255)
White	rgb(255, 255, 255)

Alipay HSL Color Codes

Alipay HSL color codes are 215, 100%, 54% for alipay blue and 0, 0%, 100% for white. Change the third value for a lighter or darker version without moving the hue.

Color	HSL
Alipay Blue	hsl(215, 100%, 54%)
White	hsl(0, 0%, 100%)

Alipay CMYK Color Code

Alipay CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.

Color	CMYK
Alipay Blue	91%, 53%, 0%, 0%
White	0%, 0%, 0%, 0%

Alipay Pantone Color Codes

Alipay Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.

Color	Nearest Pantone
Alipay Blue	PMS 293 C
White	PMS 656 C

Logo

Alipay Logo Colors

Alipay logo colors are blue and white, with the mark reversed out of the blue.

Alipay Logo Colors Palette

What the Alipay Logo Colors Mean?

The Alipay logo colors lean on blue for the reasons most payment brands do, trust and calm, and Ant Group later built its open-source Ant Design system around a blue very close to this one. The icon is a stylised take on the Chinese characters for the name rather than an abstract symbol.

Alipay Logo Color History

Alipay logo color history is stable. Blue and white have carried the brand from the Taobao escrow tool through the Ant Financial years to Ant Group, with only small shifts in the exact blue and tighter drawing of the mark.

Alipay Logo Fonts

Alipay logo fonts are custom for both the Latin and Chinese wordmarks, kept in-house. A clean geometric sans stands in for the Latin form.

Alipay Logo JPG

Alipay logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.

Download JPG Trademark of its owner, shown for identification.

Alipay Logo PNG

Alipay logo in PNG, with a transparent background. Use it over a colored surface.

Download PNG Trademark of its owner, shown for identification.

Alipay Logo WebP

Alipay logo in WebP. Same transparency as the PNG at about a third of the file size.

Download WEBP Trademark of its owner, shown for identification.

Alipay Color Code Shades

Alipay color code shades step evenly from the primary toward black, for hover states, borders and shadows.

These are interface steps, not Alipay paint or trim names.

In code

Using the Alipay palette

CSS custom properties

:root {
  --alipay-alipay-blue: #1677FF;
  --alipay-white: #FFFFFF;
}

Contrast against white

Alipay Blue	4.10:1AA ×
White	1.00:1AA ×

Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.