Blue Triumph

#4376ab

Deeper, steadier mid-blue for focused, calm UI

Save
Share

About Blue Triumph

Triumph sits right in the middle of the road, not as dark and commanding as , not as restrained as . It's saturated enough to work hard on screen without the clinical precision that pulls cooler teals toward sterility. This is the that actually feels like a color choice, not a default.

You'll land it in fintech dashboards, product interfaces, and SaaS tools where you need something that reads authoritative but stays approachable. It works as a primary button, active state, or key metric highlight without the weight that darker blues carry. Against white it pops without glaring. Against mid-tone grays it stays legible and intentional, the way Ahoy! does but with more presence underneath.

The real difference: it's warmer than (less water, more sky), which means it won't demand the same breathing room on lighter backgrounds. Test it early if you're between "too light and airy" and "too heavy for the mood." It's the one I reach for when restraint starts feeling like compromise.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
4.75:1AAAAA Large

On Gray 100 #f5f5f5

Aa
4.36:1FailAA Large

On Gray 900 #18181b

Aa
3.73:1FailAA Large

On Black #000000

Aa
4.42:1FailAA Large

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#4575ad
#41729f
#3b719f
#497a9f
#3473b7

Create a gradient with Blue Triumph

Open the generator with this color pre-loaded.

Start creating