#304BA5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dark royal blue with a muted, shadowed feel. #304ba5 reads serious and steady, which suits finance dashboards, dark mode interfaces, and law enforcement branding. White text holds about 7.8:1 contrast against it, so small body copy stays readable. Pair it with muted gold or amber to keep the coolness from going flat. The hex code #304ba5 works best as a dominant base rather than an accent.
Questions about #304ba5
What is #304ba5 in RGB, HSL and CMYK?
In RGB, #304ba5 is rgb(48, 75, 165), in HSL hsl(226, 55%, 42%) and in CMYK 71%, 55%, 0%, 35%.
What colors pair well with #304ba5?
Muted gold, amber, and warm cream all balance its cool depth, while burgundy makes it feel richer than the usual gray pairing does. Use warm tones sparingly, around a tenth of the layout, to keep the blue dominant.
Is #304ba5 readable on white or black?
#304ba5 has a 7.84:1 contrast ratio on white and 2.67: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.