Bohemian Blue
An intense and serious deep blue
Bohemian Blue is an intense, serious shade that commands immediate attention. The hex code is #0000aa. Because this tone is so saturated, it works best as a primary branding element or for high-contrast UI accents rather than large, flat backgrounds. White text remains perfectly legible against this dark blue with a 13.3:1 contrast ratio, making it ideal for clear, authoritative professional designs.
About Bohemian Blue
Deep water an hour after sunset
What does bohemian blue mean?
This dark blue often suggests authority, depth, and formality, and it commonly stands in for night skies or deep water. Full saturation at low lightness makes it feel heavy and enclosed, pulling rooms and pages toward shadow.
Where you see bohemian blue
- a navy blazer
- fountain pen ink
- a sapphire gemstone
- the open ocean at dusk
- a police uniform
- midnight mountain sky
What it works for
Use it as a background or primary color when you want depth and richness without the starkness of black.
What colors go with bohemian blue?
Cream #fffdd0Warm cream lifts the darkness and keeps layouts from feeling cold or closed in.Mustard #ffdb58Mustard's heat cuts through the depth and keeps the pairing awake.Coral #ff7f50Coral sits opposite on the color wheel, so both shades read sharper together.Brass #b5a642Brass adds a warm metallic glow against all that heavy dark blue.Sage #9caf88Muted sage matches the low brightness and keeps the overall mood subdued.
Questions about Bohemian Blue
What is the hex code for Bohemian Blue?
Bohemian Blue is #0000aa. In RGB that is rgb(0, 0, 170), in HSL hsl(240, 100%, 33%) and in CMYK 100%, 100%, 0%, 33%.
How should I use Bohemian Blue #0000aa in web design?
Bohemian Blue functions best as an accent color for buttons or call-to-action elements rather than a background. Because it is highly saturated, it provides a strong visual anchor that draws the eye immediately without overwhelming the interface layout.
Is Bohemian Blue readable on white or black?
Bohemian Blue has a 13.28:1 contrast ratio on white and 1.58:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.