#417DC1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Frequently Asked Questions
What colors pair well with Tufts Blue #417dc1?
Tufts Blue #417dc1 pairs well with charcoal, warm white, and muted terracotta because these tones balance its cool, medium-light blue while adding contrast and warmth without making the palette feel busy or overly corporate. Use charcoal for text and terracotta as a small accent.
Is Tufts Blue #417dc1 accessible with black text?
Yes, Tufts Blue #417dc1 provides about a 4.9:1 contrast ratio with black text, enough to meet WCAG AA's 4.5:1 minimum for normal body text when applied as a solid background without transparency or effects. White text is weaker here, so test it before using it for small labels or controls.
Where does Tufts Blue work best in a design?
Tufts Blue works best as a supporting brand color, primary button color, or large UI accent where its medium-light value stays visible without dominating the screen or competing with darker navigation elements. Use black text for small type, and reserve white text for larger elements after testing.