Duke Blue
Meet Duke Blue, #00009C. This isn't just another shade; it's a deep, nearly pure blue with an intensity that commands attention. Its striking saturation makes it a powerful choice for any designer's palette, offering a bold statement without overwhelming the senses.
What color is Duke Blue?
Duke Blue is a deep, saturated shade of blue with a distinctly cool temperature, bordering on navy but with more vibrancy.
It possesses a pure blue hue with a significant black undertone, giving it a commanding presence without leaning towards violet or cyan.
What is the meaning behind the color Duke Blue?
Duke Blue is a color of authority and intellect. Psychologically, this deep blue communicates trust, stability, and seriousness, making it a choice that suggests confidence and integrity.
Historically tied to Duke University, the color carries a sense of tradition and academic excellence, symbolizing a legacy of achievement and intellectual rigor.
How can I use Duke Blue in my UI design?
Duke Blue's intensity makes it a powerful choice for key interface elements. To maintain readability, pair it with bright neutrals like off-white or light gray for text and backgrounds. For a more adventurous palette, consider complementary accents of warm orange or a soft yellow, which create a striking visual pop. Applying the 60-30-10 principle can help balance its strength, using it as an accent rather than a dominant background.
Few major brands have adopted a color as bold as Duke Blue, with Commons Trainline being a notable exception. This relative rarity presents an opportunity; incorporating #00009C into a design system can establish a distinctive and memorable brand presence that cuts through the noise.
Use the tools below to see curated palettes, check the accessibility of your color combinations, and preview how Duke Blue looks within the UI of well-known applications.
Using Duke Blue color codes
Using Duke Blue begins with its hex code, #00009C, the standard for web and digital applications. Given its deep saturation, it’s a color that commands attention, so applying it requires a clear purpose within your design system.
While #00009C is perfect for CSS, you’ll need other codes for different contexts. RGB (Red, Green, Blue) is used for anything on a screen, defining colors by mixing light. For print work, you'll use CMYK (Cyan, Magenta, Yellow, Key/Black), which is based on ink mixing. Other models like HSL (Hue, Saturation, Lightness) give designers a more intuitive way to modify color attributes.
We've converted #00009C into a full range of color codes for your convenience. Find the exact values below to copy and paste directly into your design tools or codebase.
Analogous
Sitting beside Duke Blue on the color wheel, analogous colors form a cohesive and tranquil palette, offering a sense of calm and unity.
Complementary
To find Duke Blue's complementary colors, look directly opposite it on the color wheel. This pairing produces a striking, high-contrast visual pop.
Split Complementary
A split complementary scheme for Duke Blue uses the two colors adjacent to its complement, creating a high-contrast look with less tension.
Triadic
A triadic palette pairs Duke Blue with two other colors, each equidistant on the color wheel, resulting in a bold and balanced combination.
Tetradic
A tetradic color scheme for Duke Blue uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant palette.
Square
Built around Duke Blue, a square color scheme features four colors equidistant on the color wheel, offering a balanced yet highly contrasting look.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Adding black to Duke Blue creates its shades, giving your designs more depth and weight.
Tints
Tints of Duke Blue are made by adding white, creating lighter, softer variations of the color.
Tones
Tones of Duke Blue are created by adding gray, resulting in softer, desaturated variations.
Hues
Hues of Duke Blue are variations in intensity or temperature, affecting the color's overall feel.
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.




























































































































