Financial ServicesFounded 1966
Mastercard Brand Colors
Mastercard's iconic interlocking red and orange circles symbolize the intersection of connectivity, warmth, and financial access.
mastercard.com ↗Brand Palette
#EB001B
#F79E1B
#FF5F00
Left Circle
Right Circle
Overlap
Color Values
Mastercard Red
Left Circle
- HEX
- #EB001B
- RGB
- rgb(235, 0, 27)
- HSL
- hsl(353, 100%, 46%)
Mastercard Orange
Right Circle
- HEX
- #F79E1B
- RGB
- rgb(247, 158, 27)
- HSL
- hsl(36, 93%, 54%)
Mastercard Overlap
Overlap
- HEX
- #FF5F00
- RGB
- rgb(255, 95, 0)
- HSL
- hsl(22, 100%, 50%)
Accessibility Analysis
| Color | on White | on Black |
|---|---|---|
Mastercard Red | 4.62:1AA | 4.55:1AA |
Mastercard Orange | 2.13:1Fail | 9.86:1AAA |
Mastercard Overlap | 3.05:1AA Large | 6.89:1AA |
WCAG AA requires 4.5:1 for normal text. AA Large requires 3:1 for large text (18pt+) and UI components. AAA requires 7:1.
CSS Implementation
:root {
--mastercard-mastercard-red: #EB001B;
--mastercard-mastercard-orange: #F79E1B;
--mastercard-mastercard-overlap: #FF5F00;
}
/* Usage example */
.btn-primary {
background-color: var(--mastercard-mastercard-red);
color: #ffffff;
}Similar Color Alternatives
Named colors visually closest to Mastercard's primary color — useful for approximations or accessible substitutes.
Design Notes
Color Psychology
Mastercard uses a mid-tone palette anchored by Mastercard Red (#EB001B). Financial brands overwhelmingly choose deep blue, often paired with gold or white, to communicate stability, authority, and trustworthiness.
Design Principles
- Primary color meets WCAG AA — usable for text and UI components
- Consistent color usage across touchpoints builds strong brand recognition
- Color palette reflects the brand's industry positioning and audience expectations
Explore Individual Colors
Tags
financepaymentredorangeiconic
More Financial Services Brand Colors
Frequently Asked Questions
What are Mastercard's official brand colors?
Mastercard's official brand colors are: Mastercard Red (#EB001B), Mastercard Orange (#F79E1B), Mastercard Overlap (#FF5F00).
What is Mastercard's primary color hex code?
Mastercard's primary brand color is Mastercard Red with hex code #EB001B.
What are the RGB values for Mastercard's primary color?
Mastercard Red (#EB001B) has RGB values of rgb(235, 0, 27).
What is the HSL value of Mastercard's primary color?
Mastercard Red has an HSL value of hsl(353, 100%, 46%).
Is Mastercard's primary color WCAG accessible?
Mastercard Red (#EB001B) has a contrast ratio of 4.62:1 on white, which passes WCAG AA.
What industry is Mastercard in?
Mastercard operates in the Financial Services industry, founded in 1966.