Honolulu Blue

Honolulu Blue is a deep, saturated shade of blue with a distinctly cool temperature. It appears more vibrant than a classic navy yet more subdued than a pure cyan.

With neutral undertones, it avoids strong shifts toward green or violet, presenting as a stable and pure blue.

Honolulu Blue (#006DB0) projects a sense of stability and trust, common traits for the blue family. It communicates confidence and depth, making it a color of quiet authority and intelligence.

Historically, the color is famously tied to the Detroit Lions, symbolizing decades of unwavering fan loyalty and the city's resilient spirit. This association gives the hue a meaning of tradition and steadfastness.

Honolulu Blue (#006DB0) is a strong choice for primary actions and key interactive elements where you need to draw attention. It pairs cleanly with a monochromatic palette of whites and grays for a sharp, corporate feel. For a more energetic composition, consider adding a warm accent, like a soft coral or yellow, to create a visually interesting triadic color scheme.

While not a dominant color across the web, similar shades are used effectively by established brands. Companies like LinkedIn, Philips Hue, and Booking.com use these confident blues to communicate trustworthiness and forward-thinking ideas, proving its value in both tech and consumer-facing products.

Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Honolulu Blue in real UI components from top brands.

The most direct way to specify Honolulu Blue is with its hex code, #006DB0. This format is the standard for web development and most digital design applications, ensuring you get the exact shade required for your project.

Different mediums call for different color models. You can convert #006DB0 to its RGB values for screen-based work or to its CMYK counterpart for print materials. Other formats like HSL, LAB, and LCH provide alternative ways to define the color based on attributes such as hue, saturation, and perceived lightness.

To help you get started, we’ve converted #006DB0 into a range of popular formats. You can find and copy the exact values you need for your project from the list below.