Symphony Blue
Meet Symphony Blue, #203B5D. This deep, saturated navy possesses a quiet strength, sitting just on the edge of charcoal. Its profound depth offers a sophisticated alternative to pure black, providing a solid foundation for palettes without sacrificing visual impact.
What color is Symphony Blue?
Symphony Blue is a deep, somber shade of blue. It carries a cool temperature with a noticeable gray undertone, giving it a muted and sophisticated quality.
While firmly in the blue family, #203B5D has a slight green cast that prevents it from feeling like a pure navy or royal blue.
What is the meaning of Symphony Blue (#203B5D) in design?
Symphony Blue evokes a sense of stability, trust, and profound depth. As a color, it communicates reliability and confidence, creating a feeling of calm assurance.
Symbolically, this shade carries a legacy of importance and wisdom. It suggests quiet authority and integrity, making it a choice for conveying established quality.
How can I use Symphony Blue in my UI design?
In UI design, Symphony Blue (#203B5D) serves as a strong, stable base. It creates a sharp, readable contrast with light text and backgrounds, making it ideal for primary buttons, headers, or as a dark mode foundation. For a sophisticated palette, pair it with soft neutrals like cream or beige; for a more striking effect, introduce an accent of ochre or muted coral.
Brands like Ada, LARQ, Shazam, and Angi use similar deep blues to project a sense of trust and authority. In their interfaces, this color often acts as a visual anchor, grounding the design and giving prominence to key actions and information.
Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Symphony Blue in real UI components from top brands.
Using Symphony Blue color codes
Using Symphony Blue in your projects starts with its hex code, #203B5D, the standard for most digital applications. To maintain color consistency across different media, such as print, you will need to convert this value into other formats.
Each color model serves a specific purpose. RGB (Red, Green, Blue) is essential for digital screens, while CMYK (Cyan, Magenta, Yellow, Key/Black) is the go-to for print work. Other models like HSL (Hue, Saturation, Lightness) provide a more intuitive way to make adjustments, and systems like LAB or LCH are designed for perceptual uniformity.
We've converted #203B5D to a range of popular formats below that you can copy for your project.
Analogous
Analogous colors are found next to Symphony Blue on the color wheel, creating a harmonious and tranquil visual experience for any design.
Complementary
To find Symphony Blue's complement, look directly opposite on the color wheel. This pairing creates maximum contrast, making both hues appear more vivid.
Split Complementary
For Symphony Blue, a split complementary scheme uses the two colors adjacent to its direct opposite, offering a vibrant yet balanced palette.
Triadic
A triadic palette is built from three colors equidistant on the color wheel, offering a balanced yet vibrant look with Symphony Blue at its core.
Tetradic
Tetradic palettes for Symphony Blue are built from two pairs of complementary colors, creating a vibrant, balanced four-color scheme with plenty of options.
Square
A square color scheme uses four colors equidistant on the color wheel. This creates a vibrant, high-contrast palette with Symphony Blue as its foundation.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades are darker versions of Symphony Blue, made by adding black for depth and weight.
Tints
Tints are lighter variations of Symphony Blue, created by adding white for a softer feel.
Tones
Tones of Symphony Blue are created by mixing in gray, resulting in softer, less saturated variations.
Hues
Hues are variations of Symphony Blue, differing in intensity or temperature to create distinct moods.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.
