Brandeis Blue

Meet Brandeis Blue, #0070FF. This pure, vibrant hue commands attention with its electric intensity. Sitting squarely in the middle of the blue spectrum, its clarity and saturation make it a powerful choice for any design palette, offering a clean and assertive visual statement.

What color is Brandeis Blue?

What is the meaning of Brandeis Blue?

How do I use Brandeis Blue (#0070FF) in UI design?

Using Brandeis Blue color codes

Brandeis Blue

#0070FF

Access our full UI & UX library today.

What color is Brandeis Blue?

What is the meaning of Brandeis Blue?

How do I use Brandeis Blue (#0070FF) in UI design?

Using Brandeis Blue color codes

Brandeis Blue Code Conversions

HEX

#0070FF

LAB

50, 29, -78

RGB

0, 112, 255

XYZ

23.8, 18.8, 97.0

HSL

214°, 100%, 50%

LCH

50, 83, 290°

HSB

214°, 100%, 100%

LUV

50, -25, -121

CMYK

100, 56, 0, 0

CMYK

100, 56, 0, 0

HWB

214°, 0%, 0%

Brandeis Blue Color Harmonies

Analogous

Sitting next to Brandeis Blue on the color wheel, analogous colors produce a cohesive and tranquil palette, perfect for creating a sense of calm.

#00F0FF

#0070FF

#0F00FF

#00F0FF

#0070FF

#0F00FF

Complementary

Complementary colors sit opposite each other on the color wheel. For Brandeis Blue, its complement creates a striking, high-contrast visual pairing.

#0070FF

#FF8F00

#0070FF

#FF8F00

Split Complementary

Split complementary colors for Brandeis Blue use the two colors adjacent to its direct complement, offering a vibrant yet balanced and flexible palette.

#0070FF

#FF0F00

#F0FF00

#0070FF

#FF0F00

#F0FF00

Triadic

Triadic schemes pair Brandeis Blue with two other colors equally spaced on the color wheel, offering a bold yet balanced and multicolored visual effect.

#0070FF

#FF0070

#70FF00

#0070FF

#FF0070

#70FF00

Tetradic

A tetradic color scheme for Brandeis Blue uses two pairs of complementary colors, forming a rich, four-color palette with built-in contrast.

#0070FF

#FF00F0

#FF8F00

#00FF0F

#0070FF

#FF00F0

#FF8F00

#00FF0F

Square

A square color scheme uses four colors equidistant on the color wheel. With Brandeis Blue, this creates a vibrant and balanced high-contrast palette.

#0070FF

#FF00F0

#FF8F00

#00FF0F

#0070FF

#FF00F0

#FF8F00

#00FF0F

Brandeis Blue Contrast Simulation

Text Color

#

Background Color

#

4.76

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

4.76

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Brandeis Blue Color Variations

Shades

Adding black to Brandeis Blue creates darker shades, which introduce depth and weight.

#0070FF

#0060DB

#0050B6

#004092

#00306D

#002049

#001024

#000000

#0070FF

#0060DB

#0050B6

#004092

#00306D

#002049

#001024

#000000

Tints

Tints of Brandeis Blue are created by adding white, resulting in softer, lighter variations.

#0070FF

#2484FF

#4999FF

#6DADFF

#92C2FF

#B6D6FF

#DBEBFF

#FFFFFF

#0070FF

#2484FF

#4999FF

#6DADFF

#92C2FF

#B6D6FF

#DBEBFF

#FFFFFF

Tones

Tones of Brandeis Blue are created by adding gray, resulting in softer, desaturated variations.

#0070FF

#1272ED

#2575DB

#3777C9

#4979B6

#5B7BA4

#6E7E92

#808080

#0070FF

#1272ED

#2575DB

#3777C9

#4979B6

#5B7BA4

#6E7E92

#808080

Hues

Hues are variations of Brandeis Blue, differing in intensity or temperature to set different tones.

#0070FF

#4F00FF

#FF00F0

#FF0030

#FF8F00

#B0FF00

#00FF0F

#00FFCF

#0070FF

#4F00FF

#FF00F0

#FF0030

#FF8F00

#B0FF00

#00FF0F

#00FFCF

What Interfaces Use Colors Like Brandeis Blue?

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox