Tufts Blue
HEX: #417DC1 | Modern Palette
Color Specifications
#417DC1
65, 125, 193
211°, 66% ,75%
66.32, 35.23, 0, 24.31
About Tufts Blue
Tufts Blue (#417DC1) is a color with RGB(65, 125, 193) and HSL(211.88°, 66.32%, 75.69%). It is commonly associated with Playful moods. In design, it fits Cool styles and is suitable for Text, Button, Accent. Its complementary color is #C18541, which creates strong contrast. Its triadic palette includes #C1417D and #7DC141. The name comes from Tufts Blue (English).
- HEX: #417DC1
- RGB: 65, 125, 193
- HSL: 211.88°, 66.32%, 75.69%
- Mood: Playful
- Style: Cool
- Use case: Text, Button, Accent
- Complementary color: #C18541
- Triadic colors: #C1417D, #7DC141
- The name comes from Tufts Blue (English).
Live Components
Color Palettes
Color Harmonies
Complementary
The color directly opposite on the color wheel — creates maximum contrast and vibrance.
Analogous
Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.
Triadic
Three colors equally spaced 120° apart — bold, balanced, and visually rich.
Split-Complementary
Two colors flanking the complement — high contrast with less tension than full complementary.
Tetradic (Square)
Four colors at 90° intervals — rich variety, best when one color dominates.
Monochromatic
Shades and tints of the same hue — cohesive, elegant, and easy to work with.
Shades & Tints
A seamless scale of #417DC1 from deepest shade to lightest tint.
Frequently Asked Questions
Name, History & Etymology
History
Tufts University was founded in 1852. Like many universities, it adopted official colors to represent its athletic teams, academic departments, and overall institutional identity. The 'Tufts Blue' (often represented by hex code #417dc1 or similar shades) became the primary color, often paired with brown or white. The specific shade has likely evolved slightly over time with changes in printing technology and digital representation, but the core 'blue' identity has remained constant. It is prominently featured in the university's seal, athletic uniforms (Jumbos), and branding materials.
First Recorded Use
The exact date is difficult to pinpoint, but the color was established as the university's official color sometime after its founding in 1852, likely in the 1890s or early 1900s as collegiate colors became more formalized.
Cultural Associations
The color 'Tufts Blue' is deeply ingrained in the identity of Tufts University students, alumni, faculty, and staff. It symbolizes the institution's academic rigor, community spirit, and athletic prowess. Wearing or displaying Tufts Blue is a common way for individuals to show their affiliation and pride in the university. It is a key element in school spirit, especially during sporting events and commencement ceremonies.
Code Snippets
/* Background */
.element {
background-color: #417DC1;
}
/* Text */
.element {
color: #417DC1;
}
/* Border */
.element {
border: 1px solid #417DC1;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#417DC1,
#EAC498
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#417DC1,
#EAC498
);
}// SCSS variable
$tufts-blue: #417DC1;
// With RGB channels (useful for rgba() usage)
$tufts-blue-r: 65;
$tufts-blue-g: 125;
$tufts-blue-b: 193;
// Usage
.element {
background-color: $tufts-blue;
color: rgba($tufts-blue-r, $tufts-blue-g, $tufts-blue-b, 0.8);
}