Online Education
Coursera Color Codes
Coursera works in one blue, hex #0056D2, with black and white. The Coursera color codes in Hex, RGB and CMYK can be found below. Stanford professors Andrew Ng and Daphne Koller started it in 2012 after their free machine-learning and databases courses drew six-figure enrollments, and it now sells degrees and certificates alongside the open catalog. Its nearest peer on this site is Udemy.
Primary colors
What are Coursera Primary Colors?
Coursera's primary colors are blue #0056D2, white #FFFFFF, black #000000.
Coursera publishes a press kit; the values shown match its stated blue.
Coursera Blue
| Hex | #0056D2 |
|---|---|
| RGB | 0, 86, 210 |
| HSL | hsl(215, 100%, 41%) |
| CMYK | 100%, 59%, 0%, 18%converted · approximate |
| Pantone | PMS 2728 Cnearest match · not published by the brand |
Coursera 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 |
Coursera Black
| Hex | #000000 |
|---|---|
| RGB | 0, 0, 0 |
| HSL | hsl(0, 0%, 0%) |
| CMYK | 0%, 0%, 0%, 100%converted · approximate |
| Pantone | PMS 419 Cnearest match · not published by the brand |
Coursera Hex Color Codes
Coursera hex color codes are #0056D2 for blue, #FFFFFF for white and #000000 for black.
| Color | Hex |
|---|---|
| Blue | #0056D2 |
| White | #FFFFFF |
| Black | #000000 |
Coursera RGB Color Codes
Coursera RGB color codes are 0, 86, 210 for blue, 255, 255, 255 for white and 0, 0, 0 for black. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Blue | rgb(0, 86, 210) |
| White | rgb(255, 255, 255) |
| Black | rgb(0, 0, 0) |
Coursera HSL Color Codes
Coursera HSL color codes are 215, 100%, 41% for blue, 0, 0%, 100% for white and 0, 0%, 0% for black. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Blue | hsl(215, 100%, 41%) |
| White | hsl(0, 0%, 100%) |
| Black | hsl(0, 0%, 0%) |
Coursera CMYK Color Code
Coursera 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%, 59%, 0%, 18% |
| White | 0%, 0%, 0%, 0% |
| Black | 0%, 0%, 0%, 100% |
Coursera Pantone Color Codes
Coursera 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 2728 C |
| White | PMS 656 C |
| Black | PMS 419 C |
Logo
Coursera Logo Colors
Coursera logo colors are a single blue wordmark, or the mark in white or black.
Coursera Logo Colors Palette
What the Coursera Logo Colors Mean?
The Coursera logo color is one blue doing all the work. It reads as academic without going navy, and the lowercase wordmark keeps the tone closer to a consumer app than a university crest, which matches a product that sells to individuals more than institutions.
Coursera Logo Color History
Coursera logo color history has one real step. The 2012 mark paired the wordmark with a small partial-circle device; the 2020 redesign dropped the device, kept the blue, and redrew the letters with a rounder, softer cut.
Coursera Logo Fonts
Coursera logo fonts are a custom rounded sans drawn for the 2020 rebrand. Before it the wordmark used Source Sans Pro, Adobe's open typeface.
Coursera Logo JPG
Coursera logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Coursera Logo PNG
Coursera logo in PNG, with a transparent background. Use it over a colored surface.
Coursera Logo WebP
Coursera logo in WebP. Same transparency as the PNG at about a third of the file size.
Coursera Color Code Shades
Coursera color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Coursera paint or trim names.
In code
Using the Coursera palette
CSS custom properties
:root {
--coursera-blue: #0056D2;
--coursera-white: #FFFFFF;
--coursera-black: #000000;
}Contrast against white
| Blue | 6.44:1AA ✓ |
|---|---|
| White | 1.00:1AA × |
| Black | 21.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.