Harvard Crimson
HEX: #C90016 | Modern Palette
Color Specifications
#C90016
201, 0, 22
353°, 100% ,39%
0, 100, 89, 21
About Harvard Crimson
Harvard Crimson (#C90016) is a color with RGB(201, 0, 22) and HSL(353.4°, 100%, 39.4%). It is commonly associated with Energetic, Bold moods. In design, it fits Vivid, Warm styles and is suitable for Text, Button, Accent. Its complementary color is #00C9B3, which creates strong contrast. Its triadic palette includes #16C900 and #0016C9. The name comes from Harvard Crimson (English).
- HEX: #C90016
- RGB: 201, 0, 22
- HSL: 353.4°, 100%, 39.4%
- Mood: Energetic, Bold
- Style: Vivid, Warm
- Use case: Text, Button, Accent
- Complementary color: #00C9B3
- Triadic colors: #16C900, #0016C9
- The name comes from Harvard Crimson (English).
Live Components
Color Palettes
Harvard Crimson #C90016 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.
Color Harmonies
Harvard Crimson #C90016 pairs with #00C9B3 as its complementary color, and #16C900 and #0016C9 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.
Frequently Asked Questions
Name, History & Etymology
History
The color 'crimson' was officially adopted by Harvard University in 1890. Prior to this, Harvard did not have an official color, and various shades of magenta and crimson were used informally. The adoption was largely influenced by the Harvard athletic teams, who needed a consistent color for their uniforms and banners. The specific shade #c90016 is a modern digital representation of this traditional color.
First Recorded Use
1890
Cultural Associations
Harvard Crimson is deeply embedded in the identity of Harvard University. It is prominently featured in the university's crest, athletic uniforms, publications (including 'The Harvard Crimson' student newspaper), and merchandise. It symbolizes the university's long history, prestige, and academic excellence. The color is widely recognized in academic circles and beyond as representing Harvard.
Code Snippets
/* Background */
.element {
background-color: #C90016;
}
/* Text */
.element {
color: #C90016;
}
/* Border */
.element {
border: 1px solid #C90016;
}
/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#C90016,
#00C9B3
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#C90016,
#00C9B3
);
}
// SCSS variable
$harvard-crimson: #C90016;
// With RGB channels (useful for rgba() usage)
$harvard-crimson-r: 201;
$harvard-crimson-g: 0;
$harvard-crimson-b: 22;
// Usage
.element {
background-color: $harvard-crimson;
color: rgba($harvard-crimson-r, $harvard-crimson-g, $harvard-crimson-b, 0.8);
}