Blue Funk

#2d4470

Crisp mid-tone violet blue for calm contrast

Save
Share

About Blue Funk

Blue Funk is darker than and cooler than , but it doesn't feel like either. It's got less saturation than both, which means it reads quieter, the kind of shade that sits in the background without vanishing. There's blue in here without 's steel edge. It's just flat enough to feel stable, just dark enough that it works in tight spaces.

You reach for this in dense layouts, data visualization, admin dashboards, and fintech and healthcare interfaces where the color needs to anchor without competing. Form inputs, chart lines, secondary navigation, icon fills, anywhere you need something that reads clearly at small sizes and doesn't fight for attention. It's got enough presence to function as a visual hierarchy marker, but it won't overwhelm a busy screen. Against white it disappears less than you'd think. Against dark backgrounds it holds steady without that glow problem deeper purples create.

The thing to watch: pair it against clean, cool neutrals and it settles immediately. Warm grays or textured backgrounds will push it toward muddy. This one's at its best when it's the darkest element in a restrained palette, let it work alone, not in competition.

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
9.67:1AAA

On Gray 100 #f5f5f5

Aa
8.87:1AAA

On Gray 900 #18181b

Aa
1.83:1Fail

On Black #000000

Aa
2.17:1Fail

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.

Create a gradient with Blue Funk

Open the generator with this color pre-loaded.

Start creating