#003089 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #003089 graphic
This saturated navy blue carries weight and authority, making it a natural choice for corporate or professional design systems. As a dominant base color, #003089 feels grounded and stable. It maintains high legibility with white text, boasting an 11.8:1 contrast ratio that works well for UI elements. Use it where you need a strong, secure, and professional presence in your layout.

Questions about #003089

What is #003089 in RGB, HSL and CMYK?
In RGB, #003089 is rgb(0, 48, 137), in HSL hsl(219, 100%, 27%) and in CMYK 100%, 65%, 0%, 46%.
Does #003089 work well with light or dark backgrounds?
#003089 maintains a high 11.8:1 contrast ratio against white text, making it an ideal choice for accessible UI elements or corporate branding. It provides a secure, legible base that remains authoritative even when used as a dominant background color.
What colors pair well with #003089 for a professional palette?
You can anchor #003089 with crisp white or off-white tones to maintain a clean aesthetic, or use it alongside soft gray to keep the focus on readability. For a bolder look, try pairing this navy with muted gold accents for a premium feel.
Is #003089 readable on white or black?
#003089 has a 11.77:1 contrast ratio on white and 1.78:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.