Online Education
Khan Academy Color Codes
Khan Academy works in a green, hex #14BF96, with a dark navy, hex #0A2A66. The Khan Academy color codes in Hex, RGB and CMYK can be found below. Salman Khan began it in 2008 as YouTube math videos for a cousin he was tutoring long distance; it is now a non-profit with a full K-12 curriculum and tens of millions of learners. Its nearest peer on this site is Coursera.
Primary colors
What are Khan Academy Primary Colors?
Khan Academy's primary colors are green #14BF96, white #FFFFFF, blue #0A2A66.
Khan Academy publishes a brand usage policy; the values shown match its stated green and navy.
Khan Academy Green
| Hex | #14BF96 |
|---|---|
| RGB | 20, 191, 150 |
| HSL | hsl(166, 81%, 41%) |
| CMYK | 90%, 0%, 21%, 25%converted · approximate |
| Pantone | PMS 339 Cnearest match · not published by the brand |
Khan Academy 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 |
Khan Academy Blue
| Hex | #0A2A66 |
|---|---|
| RGB | 10, 42, 102 |
| HSL | hsl(219, 82%, 22%) |
| CMYK | 90%, 59%, 0%, 60%converted · approximate |
| Pantone | PMS 281 Cnearest match · not published by the brand |
Khan Academy Hex Color Codes
Khan Academy hex color codes are #14BF96 for green, #FFFFFF for white and #0A2A66 for blue.
| Color | Hex |
|---|---|
| Green | #14BF96 |
| White | #FFFFFF |
| Blue | #0A2A66 |
Khan Academy RGB Color Codes
Khan Academy RGB color codes are 20, 191, 150 for green, 255, 255, 255 for white and 10, 42, 102 for blue. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Green | rgb(20, 191, 150) |
| White | rgb(255, 255, 255) |
| Blue | rgb(10, 42, 102) |
Khan Academy HSL Color Codes
Khan Academy HSL color codes are 166, 81%, 41% for green, 0, 0%, 100% for white and 219, 82%, 22% for blue. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Green | hsl(166, 81%, 41%) |
| White | hsl(0, 0%, 100%) |
| Blue | hsl(219, 82%, 22%) |
Khan Academy CMYK Color Code
Khan Academy CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Green | 90%, 0%, 21%, 25% |
| White | 0%, 0%, 0%, 0% |
| Blue | 90%, 59%, 0%, 60% |
Khan Academy Pantone Color Codes
Khan Academy Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Green | PMS 339 C |
| White | PMS 656 C |
| Blue | PMS 281 C |
Logo
Khan Academy Logo Colors
Khan Academy logo colors are a green leaf mark and a navy wordmark.
Khan Academy Logo Colors Palette
What the Khan Academy Logo Colors Mean?
The Khan Academy logo colors pair a growing green with a study-hall navy. The mark is a stylized leaf, sometimes read as a sprout, which fits the non-profit's line about growth and access; the green is a teal-leaning shade rather than a flat grass green so it holds up on screen.
Khan Academy Logo Color History
Khan Academy logo color history moved once that matters. The early identity used a chalkboard-and-globe look with a yellower green; the current leaf mark and the #14BF96 green arrived with the 2018 brand refresh, and the navy came in alongside it.
Khan Academy Logo Fonts
Khan Academy logo fonts are a custom humanist sans for the wordmark. Proxima Nova is the closest widely available match.
Khan Academy Logo JPG
Khan Academy logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Khan Academy Logo PNG
Khan Academy logo in PNG, with a transparent background. Use it over a colored surface.
Khan Academy Logo WebP
Khan Academy logo in WebP. Same transparency as the PNG at about a third of the file size.
Khan Academy Color Code Shades
Khan Academy color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Khan Academy paint or trim names.
In code
Using the Khan Academy palette
CSS custom properties
:root {
--khan-academy-green: #14BF96;
--khan-academy-white: #FFFFFF;
--khan-academy-blue: #0A2A66;
}Contrast against white
| Green | 2.35:1AA × |
|---|---|
| White | 1.00:1AA × |
| Blue | 13.67: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.