Brandeis Blue

HEX: #0070FF | Modern Palette

On White
4.41:1
FAIL
On Black
4.76:1
PASS

Color Specifications

HEX
#0070FF
RGB
0, 112, 255
HSL
213°, 100% ,100%
CMYK
100, 56.08, 0, 0

About Brandeis Blue

Brandeis Blue (#0070FF) is a color with RGB(0, 112, 255) and HSL(213.65°, 100%, 100%). It is commonly associated with Playful moods. In design, it fits Neon, Cool styles and is suitable for Text, Button, Background. Its complementary color is Princeton Orange (#FF8F00), which creates strong contrast. Its triadic palette includes #FF0070 and #70FF00. The name comes from Brandeis Blue (English).

  • HEX: #0070FF
  • RGB: 0, 112, 255
  • HSL: 213.65°, 100%, 100%
  • Mood: Playful
  • Style: Neon, Cool
  • Use case: Text, Button, Background
  • Complementary color: Princeton Orange (#FF8F00)
  • Triadic colors: #FF0070, #70FF00
  • The name comes from Brandeis Blue (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

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 #0070FF from deepest shade to lightest tint.

Color Characteristics

Mood
Playful
Style
Neon Cool
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #5F5FFF
Protanopia #6A6AFF
Tritanopia #008D8D
Achromatopsia #787878

Frequently Asked Questions

Brandeis Blue (#0070FF) is a color with RGB(0, 112, 255) and HSL(213.65°, 100%, 100%).

#0070FF pairs strongly with Princeton Orange (#FF8F00) as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#0070FF is suitable for Text, Button, Background and works well with Neon, Cool styles.

#0070FF is commonly associated with Playful.

The name Brandeis Blue is linked to Brandeis Blue from English, meaning A specific shade of blue associated with Brandeis University..

Name, History & Etymology

Origin Word Brandeis Blue
Meaning A specific shade of blue associated with Brandeis University.
Language English
First Recorded Use Mid-20th Century

History

Brandeis University, founded in 1948 in Waltham, Massachusetts, chose blue and white as its official colors. The specific shade of blue, now known as 'Brandeis Blue' (#0070ff), has been consistently used in the university's branding, athletic uniforms, publications, and digital presence. It represents the institution's identity, academic excellence, and community spirit. The hex code #0070ff is the officially recognized digital representation of this color.

First Recorded Use

Likely shortly after the founding of Brandeis University in 1948, as the color became part of its official identity.

Cultural Associations

Brandeis Blue is primarily significant within the context of Brandeis University and its alumni, faculty, students, and supporters. It evokes a sense of belonging and pride for those associated with the institution. While not widely recognized outside of this specific community, within it, the color is a strong visual identifier.

Similar Named Colors
Blue (Crayola) #1F75FE ΔE 1.71
Royal Blue #4169E1 ΔE 4.75
Ultramarine Blue #4166F5 ΔE 5.06
Azure #007FFF ΔE 5.40

Code Snippets

/* Background */
.element {
    background-color: #0070FF;
}

/* Text */
.element {
    color: #0070FF;
}

/* Border */
.element {
    border: 1px solid #0070FF;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #0070FF,
        #FFFFFF
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #0070FF,
        #FFFFFF
    );
}

// SCSS variable
$brandeis-blue: #0070FF;

// With RGB channels (useful for rgba() usage)
$brandeis-blue-r: 0;
$brandeis-blue-g: 112;
$brandeis-blue-b: 255;

// Usage
.element {
    background-color: $brandeis-blue;
    color: rgba($brandeis-blue-r, $brandeis-blue-g, $brandeis-blue-b, 0.8);
}