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.

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.

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 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.