E-commerce & Payments
Visa Color Codes
Visa's color is a single deep blue, hex #1434CB, set under the plain VISA wordmark. The Visa color codes in Hex, RGB and CMYK can be found below. The company began in 1958 as BankAmericard, a Bank of America card, and took the name Visa in 1976 because it reads and sounds the same in almost every language. Its rival across the card networks is Mastercard.
Primary colors
What are Visa Primary Colors?
Visa's primary colors are visa blue #1434CB, gold #F7B600.
Visa Blue is published in Visa's brand guidelines; the CMYK shown is a conversion.
Visa Visa Blue
| Hex | #1434CB |
|---|---|
| RGB | 20, 52, 203 |
| HSL | hsl(230, 82%, 44%) |
| CMYK | 90%, 74%, 0%, 20%converted · approximate |
| Pantone | PMS 2736 Cnearest match · not published by the brand |
Visa Gold
| Hex | #F7B600 |
|---|---|
| RGB | 247, 182, 0 |
| HSL | hsl(44, 100%, 48%) |
| CMYK | 0%, 26%, 100%, 3%converted · approximate |
| Pantone | PMS 1235 Cnearest match · not published by the brand |
Visa Hex Color Codes
Visa hex color codes are #1434CB for visa blue and #F7B600 for gold.
| Color | Hex |
|---|---|
| Visa Blue | #1434CB |
| Gold | #F7B600 |
Visa RGB Color Codes
Visa RGB color codes are 20, 52, 203 for visa blue and 247, 182, 0 for gold. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Visa Blue | rgb(20, 52, 203) |
| Gold | rgb(247, 182, 0) |
Visa HSL Color Codes
Visa HSL color codes are 230, 82%, 44% for visa blue and 44, 100%, 48% for gold. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Visa Blue | hsl(230, 82%, 44%) |
| Gold | hsl(44, 100%, 48%) |
Visa CMYK Color Code
Visa CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Visa Blue | 90%, 74%, 0%, 20% |
| Gold | 0%, 26%, 100%, 3% |
Visa Pantone Color Codes
Visa Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Visa Blue | PMS 2736 C |
| Gold | PMS 1235 C |
Logo
Visa Logo Colors
Visa logo colors are one: a solid blue wordmark, with white where it sits on blue.
Visa Logo Colors Palette
What the Visa Logo Colors Mean?
The Visa logo colors started as a landscape. Blue was California's sky and gold was the state's dry hills, the place Bank of America was founded, and for decades the card carried a blue band above a gold one with the name across the middle. The 2014 redesign dropped the gold and the bands, leaving blue on its own to stand for trust and stability.
Visa Logo Color History
Visa logo color history runs blue and gold from 1976, when BankAmericard became Visa, through to 2005, when the flag device was retired. The 2014 update cut the palette to the single blue used now and squared off the letterforms. The dash-and-dot motion mark was added around the wordmark at the same time.
Visa Logo Fonts
Visa logo fonts are a custom wordmark, never released. The current letters are a bespoke sans with a clipped V; a plain grotesque such as Helvetica is the everyday stand-in.
Visa Logo JPG
Visa logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Visa Logo PNG
Visa logo in PNG, with a transparent background. Use it over a colored surface.
Visa Logo WebP
Visa logo in WebP. Same transparency as the PNG at about a third of the file size.
Visa Color Code Shades
Visa color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Visa paint or trim names.
In code
Using the Visa palette
CSS custom properties
:root {
--visa-visa-blue: #1434CB;
--visa-gold: #F7B600;
}Contrast against white
| Visa Blue | 8.81:1AA ✓ |
|---|---|
| Gold | 1.80: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.