Meet Tufts Blue (#417DC1), a shade that commands attention without being overpowering. Its balanced saturation gives it a professional yet approachable quality, making it a versatile choice for modern digital interfaces. This confident blue feels both familiar and fresh.

What color is Tufts Blue?

What is the meaning of Tufts Blue?

How do I use Tufts Blue (#417DC1) in UI design?

Using Tufts Blue color codes

Tufts Blue

#417DC1

Access our full UI & UX library today.

Join for free

What color is Tufts Blue?

What is the meaning of Tufts Blue?

How do I use Tufts Blue (#417DC1) in UI design?

Using Tufts Blue color codes

Tufts Blue Code Conversions

HEX

#417DC1

LAB

51, 2, -41

RGB

65, 125, 193

XYZ

19.1, 19.6, 53.2

HSL

212°, 51%, 51%

LCH

51, 41, 273°

HSB

212°, 66%, 76%

LUV

51, -24, -63

CMYK

66, 35, 0, 24

CMYK

66, 35, 0, 24

HWB

212°, 25%, 24%

Tufts Blue Color Harmonies

Analogous

To find analogous colors for Tufts Blue, select its neighbors on the color wheel. This combination produces a harmonious and soothing palette.

#41BDC1

#417DC1

#4541C1

#41BDC1

#417DC1

#4541C1

Complementary

Complementary colors sit directly opposite each other on the color wheel. Paired with Tufts Blue, its complement creates a striking, high-contrast visual.

#417DC1

#C18541

#417DC1

#C18541

Split Complementary

A split complementary scheme for Tufts Blue uses the two colors adjacent to its direct complement, offering a vibrant yet balanced palette.

#417DC1

#C14541

#BDC141

#417DC1

#C14541

#BDC141

Triadic

A triadic scheme pairs Tufts Blue with two other colors equidistant on the color wheel, creating a high-contrast, yet harmonious, visual effect.

#417DC1

#C1417D

#7DC141

#417DC1

#C1417D

#7DC141

Tetradic

Using Tufts Blue as a base, a tetradic scheme adds three more colors to form two complementary pairs for a vibrant palette.

#417DC1

#C141BD

#C18541

#41C145

#417DC1

#C141BD

#C18541

#41C145

Square

A square color scheme pairs Tufts Blue with three other colors, all equidistant on the color wheel, creating a vibrant and high-contrast palette.

#417DC1

#C141BD

#C18541

#41C145

#417DC1

#C141BD

#C18541

#41C145

Tufts Blue Contrast Simulation

Text Color

Background Color

4.93

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.93

Good

Small Text

Pass

Large Text

Pass

Graphic Components

Pass

Tufts Blue Color Variations

Shades

By adding black to Tufts Blue, you create darker shades that add depth and weight.

#417DC1

#386BA5

#2E598A

#25476E

#1C3653

#132437

#09121C

#000000

#417DC1

#386BA5

#2E598A

#25476E

#1C3653

#132437

#09121C

#000000

Tints

Tints are lighter variations of Tufts Blue, created by adding white for a softer feel.

#417DC1

#5C90CA

#77A2D3

#92B5DC

#AEC7E4

#C9DAED

#E4ECF6

#FFFFFF

#417DC1

#5C90CA

#77A2D3

#92B5DC

#AEC7E4

#C9DAED

#E4ECF6

#FFFFFF

Tones

Adding gray to Tufts Blue creates tones, softening its saturation for a more subtle appearance.

#417DC1

#4A7DB8

#537EAE

#5C7EA5

#657F9C

#6E7F93

#778089

#808080

#417DC1

#4A7DB8

#537EAE

#5C7EA5

#657F9C

#6E7F93

#778089

#808080

Hues

Hues are variations of Tufts Blue, differing in intensity and temperature to create distinct moods.

#417DC1

#6541C1

#C141BD

#C1415D

#C18541

#9DC141

#41C145

#41C1A5

#417DC1

#6541C1

#C141BD

#C1415D

#C18541

#9DC141

#41C145

#41C1A5

What Interfaces Use Colors Like Tufts Blue?

All Brands That Use Colors Like Tufts Blue

Remind

Your learning world, wonderfully connected.

Remind

Your learning world, wonderfully connected.

OpenSea

Building an open digital economy

OpenSea

Building an open digital economy

Moda Operandi

Moda Operandi is the premier online designer retailer that allows you to preorder the latest ready-to-wear fashion, shoes, handbags, accessories, and jewelry months before they are available anywhere else.