#1F36B3 Hex Color

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

Hex color #1f36b3 graphic
This saturated, intense blue carries a weight of authority and professionalism. The hex code #1f36b3 provides excellent contrast for white text, making it a reliable choice for UI backgrounds where readability matters. It feels grounded and stable, avoiding the muddy quality of darker navy tones. Use it as a dominant anchor color in corporate branding or finance interfaces to suggest security and experience.

Questions about #1f36b3

What is #1f36b3 in RGB, HSL and CMYK?
In RGB, #1f36b3 is rgb(31, 54, 179), in HSL hsl(231, 70%, 41%) and in CMYK 83%, 70%, 0%, 30%.
What colors pair well with #1f36b3 for a palette?
You can balance the intensity of #1f36b3 by pairing it with soft neutrals like light gray or cool silver. For a more dynamic corporate look, adding an accent of amber provides a complementary pop that keeps the professional tone intact.
Is #1f36b3 readable on white or black?
#1f36b3 has a 9.38:1 contrast ratio on white and 2.23: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.