#243288 Hex Color

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

Hex color #243288 graphic
This dim, authoritative blue carries a serious weight that fits professional and institutional branding. Because #243288 is quite saturated, it works best as a primary base or background color rather than a small accent. It offers excellent legibility for white text, making it a functional choice for clean, modern UI designs that prioritize stability and hierarchy.

Questions about #243288

What is #243288 in RGB, HSL and CMYK?
In RGB, #243288 is rgb(36, 50, 136), in HSL hsl(232, 58%, 34%) and in CMYK 74%, 63%, 0%, 47%.
Where should I use #243288 in a UI design?
#243288 works best as a primary background color or a bold header element where you need to project stability and trust. Because it is quite dark and saturated, pair it with crisp white text to ensure maximum readability for your users.
What colors pair well with #243288?
This deep blue balances well with neutral light grays or cream tones to soften its intensity. For a high-contrast accent, small pops of tangerine or gold can create a dynamic, modern look that prevents the deep blue from feeling too stagnant.
Is #243288 readable on white or black?
#243288 has a 11.13:1 contrast ratio on white and 1.88: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.