Brutally Blue

#0022dd

Inky violet-blue for restrained, glare-free navigation

Save
Share

About Brutally Blue

Brutally Blue doesn't sit between blue and purple, it commits to blue and dares the purple to keep up. It's deeper and more saturated than , darker than , and it's got almost no temperature shift at all. This is pure chromatic weight, the kind of blue that feels less like a feeling and more like a physical presence.

Reach for it in security dashboards, financial platforms, and command interfaces where you need blue that reads as serious without the murk of . Data visualization that needs gravitas. Dark mode tools where the blue has to cut through without looking washed. Unlike 's warmth or 's restlessness, this one just sits there and owns the space, no negotiation, no undertone playing backup vocals.

Pair it tight. Against black it lands hard and stays legible. With cool neutrals it tightens even further. Warm accents will get flattened by it, so don't bother unless you want that specific collision.

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.24:1AAA

On Gray 100 #f5f5f5

Aa
8.47:1AAA

On Gray 900 #18181b

Aa
1.92:1Fail

On Black #000000

Aa
2.27: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 Brutally Blue

Open the generator with this color pre-loaded.

Start creating