Rhapsody in Blue
A grounded and professional deep navy
Rhapsody in Blue is a dark, unsaturated navy that feels grounded and professional. Because it is so dark, this shade works best as a dominant base for corporate or tech interfaces rather than small text. It pairs beautifully with soft, warm metallics to cut through the gloom. The hex code for this color is #002244, and it offers excellent readability when used with high-contrast white typography.
About Rhapsody in Blue
Deep water at the far edge of night
What does rhapsody in blue mean?
Dark blues often stand for authority and formality, which is why uniforms, suits, and official seals commonly use navy tones. Its very low lightness makes it feel heavy and enclosed, like a room with the lights half off, not airy or bright.
Where you see rhapsody in blue
- navy blazers
- police uniforms
- bowling balls
- fountain pen ink
- the open ocean after sunset
- dark denim in shadow
What it works for
It works well as a dark background for text-heavy interfaces, editorial layouts, and any design needing depth without pure black.
What colors go with rhapsody in blue?
Mustard #ffdb58Its warm yellow-brown punch cuts through the darkness and keeps the palette from feeling flat.Dusty Rose #b56f76A soft, grayed pink reads gently against this heavy dark and keeps things understated.Old Gold #cfb53bMuted metallic warmth pairs the way brass hardware sits against a dark lacquered surface.
Questions about Rhapsody in Blue
What is the hex code for Rhapsody in Blue?
Rhapsody in Blue is #002244. In RGB that is rgb(0, 34, 68), in HSL hsl(210, 100%, 13%) and in CMYK 100%, 50%, 0%, 73%.
Is #002244 suitable for body text on a website?
While #002244 is excellent for headers, buttons, or large branding elements, it is generally too dark and heavy for long-form body text. It mimics the density of black too closely, so reserve it for structural design elements rather than small, high-density reading content.
Is Rhapsody in Blue readable on white or black?
Rhapsody in Blue has a 16.00:1 contrast ratio on white and 1.31: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.