E-commerce & Payments
Diners Club Color Codes
Diners Club International uses a deep blue, hex #004C97, on the split-circle DC mark. The Diners Club color codes in Hex, RGB and CMYK can be found below. Frank McNamara started the company in 1950 after a dinner where he had left his wallet at home, and its cards were the first that worked across many restaurants and shops rather than one. It is now owned by Discover.
Primary colors
What are Diners Club Primary Colors?
Diners Club's primary colors are diners club blue #004C97, black #231F20, white #FFFFFF.
Diners Club publishes no open hex sheet; the blue is measured from the current mark.
Diners Club Diners Club Blue
| Hex | #004C97 |
|---|---|
| RGB | 0, 76, 151 |
| HSL | hsl(210, 100%, 30%) |
| CMYK | 100%, 50%, 0%, 41%converted · approximate |
| Pantone | PMS 2945 Cnearest match · not published by the brand |
Diners Club Black
| Hex | #231F20 |
|---|---|
| RGB | 35, 31, 32 |
| HSL | hsl(345, 6%, 13%) |
| CMYK | 0%, 11%, 9%, 86%converted · approximate |
| Pantone | PMS 426 Cnearest match · not published by the brand |
Diners Club 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 |
Diners Club Hex Color Codes
Diners Club hex color codes are #004C97 for diners club blue, #231F20 for black and #FFFFFF for white.
| Color | Hex |
|---|---|
| Diners Club Blue | #004C97 |
| Black | #231F20 |
| White | #FFFFFF |
Diners Club RGB Color Codes
Diners Club RGB color codes are 0, 76, 151 for diners club blue, 35, 31, 32 for black and 255, 255, 255 for white. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Diners Club Blue | rgb(0, 76, 151) |
| Black | rgb(35, 31, 32) |
| White | rgb(255, 255, 255) |
Diners Club HSL Color Codes
Diners Club HSL color codes are 210, 100%, 30% for diners club blue, 345, 6%, 13% for black and 0, 0%, 100% for white. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Diners Club Blue | hsl(210, 100%, 30%) |
| Black | hsl(345, 6%, 13%) |
| White | hsl(0, 0%, 100%) |
Diners Club CMYK Color Code
Diners Club CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Diners Club Blue | 100%, 50%, 0%, 41% |
| Black | 0%, 11%, 9%, 86% |
| White | 0%, 0%, 0%, 0% |
Diners Club Pantone Color Codes
Diners Club Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Diners Club Blue | PMS 2945 C |
| Black | PMS 426 C |
| White | PMS 656 C |
Logo
Diners Club Logo Colors
Diners Club logo colors are blue and white, with black lettering on the wordmark.
Diners Club Logo Colors Palette
What the Diners Club Logo Colors Mean?
The Diners Club logo colors dress a simple monogram. The mark is a D and a C locked into a circle with a bar across the middle, first drawn in 1967 and set in its current form in 1978. Blue was picked for the usual reasons a card brand picks blue, trust and permanence, and the split circle is meant to read as a globe.
Diners Club Logo Color History
Diners Club logo color history keeps blue and white from the 1970s mark onward. Ownership has passed from Citigroup to Discover, but the split-circle and its blue have carried through unchanged.
Diners Club Logo Fonts
Diners Club logo fonts are a custom sans for the wordmark, not for sale. A plain grotesque such as Helvetica covers it.
Diners Club Logo JPG
Diners Club logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Diners Club Logo PNG
Diners Club logo in PNG, with a transparent background. Use it over a colored surface.
Diners Club Logo WebP
Diners Club logo in WebP. Same transparency as the PNG at about a third of the file size.
Diners Club Color Code Shades
Diners Club color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Diners Club paint or trim names.
In code
Using the Diners Club palette
CSS custom properties
:root {
--diners-club-diners-club-blue: #004C97;
--diners-club-black: #231F20;
--diners-club-white: #FFFFFF;
}
Contrast against white
| Diners Club Blue | 8.47:1AA ✓ |
|---|---|
| Black | 16.30: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.