#303D76 Hex Color

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

Hex color #303d76 graphic
Muted and dark, #303d76 sits between navy and indigo with a cool, dusty finish. Its low lightness gives layouts a serious, structured mood without black’s harshness. Use it as a dominant UI background or brand base, pairing it with burgundy or soft ivory. White text has about 10.2:1 contrast here. The hex code is #303d76.

Questions about #303d76

What is #303d76 in RGB, HSL and CMYK?
In RGB, #303d76 is rgb(48, 61, 118), in HSL hsl(229, 42%, 33%) and in CMYK 59%, 48%, 0%, 54%.
What colors pair well with #303d76?
#303d76 pairs well with soft ivory for clear contrast and burgundy for a richer palette, while muted blue-gray accents create a restrained scheme that keeps dark layouts from feeling too heavy.
Does #303d76 read as a warm or cool color?
#303d76 reads as a cool color because its hue leans blue with a violet cast, giving it a navy-to-indigo appearance while its muted saturation keeps the effect dusty rather than vivid.
Is #303d76 readable on white or black?
#303d76 has a 10.22:1 contrast ratio on white and 2.05: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.