Dramatic Blue
#240093
Deeper blue-leaning purple for high-contrast UI
About Dramatic Blue
On a dark canvas, Dramatic Blue looks like a saturated deep blue-purple that refuses to read as ink-black. It's more electric than the indigo-heavy tones, but it's not the warm-leaning kind of blue you'd confuse with cobalt. Compared with Indiglow, it has less luminous "center glow" and more weight, with a steadier blue undertone rather than a cooler violet balance.
I like it for dashboards and finance apps where the accent needs to feel decisive without turning into a tight selection edge. In healthcare portals, it holds up for primary actions and key tabs when you want contrast that feels firm, not washed. For media work, it's great for stream controls and timeline emphasis where you want clarity without drifting toward the murkier, heavier feel of Deepsea Kraken.
One quirk: pair it with clean cool grays or crisp off-whites. With warm neutrals it starts to look slightly bruised, and it'll blur with near-identical purples instead of staying distinct.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.