International Klein Blue
#002fa6
High-chroma deep ultrablue for crisp, high-impact UI
About International Klein Blue
International Klein Blue reads like a deep, ink-saturated punch on a dark mockup. It's not the flat, aggressively pure blue of Blue Screen of Death, because here the hue has a subtle purple lean and a richer sense of weight. And compared to Blue Hour, it doesn't soften into breath. It stays denser and more resolved, with less "held-back" warmth.
I use it for systems UI where the brand needs to feel technical but not cold: identity bars in telecom control panels, key navigation highlights, and the primary action in streaming platforms and media servers. It also holds up in dashboards and finance apps where you want the blue to feel confident without tipping into clinical error-state territory. Against cool grays it stays crisp; against warmer accents it can start to look a bit heavy.
Quirk: keep your secondary blues slightly cleaner or slightly darker. If they're too close, the purple undertone here becomes harder to distinguish.
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.
Similar colors
Create a gradient with International Klein Blue
Open the generator with this color pre-loaded.
Start creating