Khan Academy

Khan Academy Color Palette

Khan Academy selected these Green values to communicate specific brand attributes across tech contexts. This guide unpacks the rationale and implementation details.

Khan Academy Primary

HEX#14BF96

RGB20, 191, 150

Khan Academy Accent

HEX#FFFFFF

RGB255, 255, 255

The Visual Identity of Khan Academy

Color Systems & Brand Psychology

Primary Hue

Khan Academy builds its entire visual hierarchy from #14BF96. This Green primary was chosen to resonate with tech consumer expectations while remaining technically versatile.

Industry Psychology

In the competitive tech landscape, Green provides Khan Academy with a distinctive visual Territory — colors that audiences instinctively associate with quality and expertise.

Strategic Usage

These Khan Academy colors are specifications, not suggestions. The tech brand's visual integrity depends on exact reproduction of these hex values across every medium and partner implementation.

UI Design & Application Guide

Thinking of using the Khan Academy color palette in your next project? Here is a professional guide on how to apply these colors effectively for web and mobile interfaces.

Header One

HEX: #14BF96 Primary Brand Color

When using #14BF96 as a background, strict accessibility standards (WCAG) recommend using #111827 for your typeface to ensure maximum readability.

Call to Action

Get Started

Button Component

Accent Usage

Use Khan Academy Green as a high-visibility accent color on clean white surfaces to draw attention.

Dark/Brand Background

Professional Tip: Designers using Figma or Adobe XD should create a specific color style named Khan Academy Primary to ensure consistency across all tech mockups.

Technical Color Data Table

For developers and designers, accuracy is non-negotiable. Below are the precise conversions.

Color Name	HEX Code	RGB Values	CSS Variable
Khan Academy Primary	#14BF96	rgb(20, 191, 150)	var(--khan-academy-primary)
Khan Academy Accent 1	#FFFFFF	rgb(255, 255, 255)	var(--khan-academy-color-2)

CSS Implementation

Copy this CSS snippet to your :root to instantly implement the Khan Academy brand styles.


 :root {

   --khan-academy-primary: #14BF96;
  --khan-academy-color-2: #FFFFFF;

 }

Explore Related Brand Palettes

Compare Khan Academy with other top brands in our database.

Frequently Asked Questions

What is the exact HEX code for Khan Academy?

The primary hexadecimal color code for Khan Academy is #14BF96. This code is verified for use in web and app design.

Is the Khan Academy brand color ADA Compliant?

It depends on the background. #14BF96 must be checked against white or black text using a Contrast Ratio calculator. Generally, bright brand colors should only be used for buttons or large headings, not body text.