Software & SaaS
SAP Color Codes
SAP's colors are blue #0070F2, dark blue #003B6F and gold #F0AB00. The SAP color codes in Hex, RGB and CMYK can be found below. The company publishes these values itself, and blue and white have carried the brand for more than fifty years. The gold is the newer part of the palette and does not appear in the logo at all.
Primary colors
What are SAP Primary Colors?
SAP's primary color is blue #0070F2, with dark blue behind it and gold as the accent.
SAP publishes this palette in its own Digital Design System, so the hex codes here are published rather than sampled.
SAP Blue
| Hex | #0070F2 |
|---|---|
| RGB | 0, 112, 242 |
| HSL | hsl(212, 100%, 47%) |
| CMYK | 100%, 54%, 0%, 5%converted · approximate |
| Pantone | PMS 293 Cnearest match · not published by the brand |
SAP Dark Blue
| Hex | #003B6F |
|---|---|
| RGB | 0, 59, 111 |
| HSL | hsl(208, 100%, 22%) |
| CMYK | 100%, 47%, 0%, 56%converted · approximate |
| Pantone | PMS 295 Cnearest match · not published by the brand |
SAP Gold
| Hex | #F0AB00 |
|---|---|
| RGB | 240, 171, 0 |
| HSL | hsl(43, 100%, 47%) |
| CMYK | 0%, 29%, 100%, 6%converted · approximate |
| Pantone | PMS 1235 Cnearest match · not published by the brand |
SAP Hex Color Codes
SAP hex color codes are #0070F2 for blue, #003B6F for dark blue and #F0AB00 for gold.
| Color | Hex |
|---|---|
| Blue | #0070F2 |
| Dark Blue | #003B6F |
| Gold | #F0AB00 |
SAP RGB Color Codes
SAP RGB color codes are 0, 112, 242 for blue, 0, 59, 111 for dark blue and 240, 171, 0 for gold. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Blue | rgb(0, 112, 242) |
| Dark Blue | rgb(0, 59, 111) |
| Gold | rgb(240, 171, 0) |
SAP HSL Color Codes
SAP HSL color codes are 212, 100%, 47% for blue, 208, 100%, 22% for dark blue and 43, 100%, 47% for gold. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Blue | hsl(212, 100%, 47%) |
| Dark Blue | hsl(208, 100%, 22%) |
| Gold | hsl(43, 100%, 47%) |
SAP CMYK Color Code
SAP CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Blue | 100%, 54%, 0%, 5% |
| Dark Blue | 100%, 47%, 0%, 56% |
| Gold | 0%, 29%, 100%, 6% |
SAP Pantone Color Codes
SAP Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Blue | PMS 293 C |
| Dark Blue | PMS 295 C |
| Gold | PMS 1235 C |
Logo
SAP Logo Colors
SAP logo colors are two blues in a gradient, with the letters knocked out in white.
SAP Logo Colors Palette
What the SAP Logo Colors Mean?
The SAP logo colors are a gradient, which is why no single hex describes the mark. The letters sit knocked out in white inside a blue field that runs from the lighter #0070F2 toward the darker #003B6F, and the company's own guidance is that the gradient version is the primary logo. Gold #F0AB00 exists in the palette for accents and charts rather than for the mark. If you are matching from an older asset, a flat navy near #014185 circulates widely and belongs to the previous identity.
SAP Logo JPG
SAP logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
SAP Logo PNG
SAP logo in PNG, with a transparent background. Use it over a colored surface.
SAP Logo WebP
SAP logo in WebP. Same transparency as the PNG at about a third of the file size.
SAP Color Code Shades
SAP color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not SAP paint or trim names.
In code
Using the SAP palette
CSS custom properties
:root {
--sap-blue: #0070F2;
--sap-dark-blue: #003B6F;
--sap-gold: #F0AB00;
}Contrast against white
| Blue | 4.57:1AA ✓ |
|---|---|
| Dark Blue | 11.32:1AA ✓ |
| Gold | 1.99: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.