#30436A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted navy is an inky, dusty blue that feels steady and professional. It works well for corporate branding or moody tech interfaces. Because it is quite dark, white text offers excellent readability at a 9.8:1 contrast ratio. Avoid using it in large, flat blocks if you want to keep your design feeling light. The hex code is #30436a.
Questions about #30436a
What is #30436a in RGB, HSL and CMYK?
In RGB, #30436a is rgb(48, 67, 106), in HSL hsl(220, 38%, 30%) and in CMYK 55%, 37%, 0%, 58%.
Does #30436a work well as a primary background color?
Using #30436a as a full-page background often feels too heavy or dark for modern interfaces. Instead, apply it to smaller UI elements, headers, or sidebar sections to maintain a balanced, airy layout while keeping the design grounded.
What colors pair best with #30436a for a professional look?
Pair #30436a with light neutrals like cream or soft beige to create a sophisticated, high-contrast look that feels less harsh than pure white. You can also add muted sage green accents to introduce a subtle, calming secondary tone.
Is #30436a readable on white or black?
#30436a has a 9.82:1 contrast ratio on white and 2.13: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.