Honolulu Blue
Meet Honolulu Blue (#006DB0), a deeply saturated shade that commands attention. Its striking clarity and pure hue set it apart from other blues, offering a vibrant yet solid foundation for any design palette without the murkiness of navy or the overt brightness of royal blue.
What color is 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.
What is the meaning behind the color Honolulu Blue (#006DB0)?
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.
How to use Honolulu Blue (#006DB0) in UI design?
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.
Using Honolulu Blue color codes
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.
Analogous
Sitting next to Honolulu Blue on the color wheel, analogous colors are known for creating a calm and visually pleasing design palette.
Complementary
Complementary colors sit opposite each other on the color wheel. For Honolulu Blue, its complement creates a striking, high-contrast visual pairing.
Split Complementary
A split complementary scheme pairs Honolulu Blue with the two colors adjacent to its direct complement, creating a high-contrast yet harmonious palette.
Triadic
A triadic scheme pairs Honolulu Blue with two other colors, all equidistant on the color wheel, resulting in a bold and balanced combination.
Tetradic
A tetradic color scheme for Honolulu Blue uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant palette.
Square
A square color scheme pairs Honolulu Blue with three other colors equidistant on the color wheel, resulting in a vibrant and high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Honolulu Blue are created by adding black, giving the color more depth and weight.
Tints
Tints are lighter versions of Honolulu Blue, created by adding white for a softer effect.
Tones
Tones of Honolulu Blue are created by adding gray, resulting in softer, desaturated versions.
Hues
Hues are variations of Honolulu Blue, differing in intensity or temperature to create specific 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.





























































































































