Blue Gray

Blue Gray is a cool, muted color that masterfully balances the tranquility of blue with the neutrality of gray. It presents as a sophisticated, slate-like hue that feels both stable and serene.

Its character is defined by its cool temperature and subtle undertones, which can lean more towards blue or gray depending on the surrounding light and color palette. This chameleon-like quality gives Blue Gray a quiet depth and versatility.

Blue Gray embodies a sense of calm authority and reliability. It merges the tranquility of blue with the impartiality of gray, symbolizing stability, composure, and quiet sophistication.

This color often brings to mind feelings of peace and introspection. Historically, such muted tones suggest intellect and timelessness, making Blue Gray a choice for enduring and thoughtful design.

To make Blue Gray work in your designs, consider its role. As a dominant color, it creates a calm, professional backdrop. Pair it with warm off-whites or soft beiges for a balanced, organic feel. For a more striking effect, use it as an accent against a vibrant coral or a deep navy to create visual interest without overwhelming the user.

While not as widespread as primary blues or grays, you'll find shades similar to Blue Gray in the interfaces of design-forward companies like Runway and Zeplin. Its relative rarity is an advantage; choosing it can give a product a unique and refined identity, setting it apart from competitors.

To see these principles in action, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview how Blue Gray (#6699CC) looks within real UI components from top brands.

To apply Blue Gray in your projects, use the hex code #6699CC for consistency across digital platforms. This specific value ensures that the color appears exactly as intended on any screen, from websites to mobile applications.

While hex codes are standard for the web, you might need different formats for other mediums. Color codes are simply different languages for describing the same color; RGB values are for light-emitting screens, while CMYK is the standard for printed materials. Converting #6699CC to other systems like HSL or LAB allows for precise color management across your entire workflow.

We have converted the hex code #6699CC into a range of popular formats for you. You can find and copy the corresponding RGB, CMYK, HSL, and other values directly below.