#3587B6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated blue strikes a balance between professional restraint and approachability. Because it offers high readability with black text, #3587b6 works well as a reliable base for UI components and data heavy dashboards. Pair it with muted corals or warm grays to soften its inherent coolness. The hex code for this shade is #3587b6, and it functions best as a dominant primary color in corporate branding.
Questions about #3587b6
What is #3587b6 in RGB, HSL and CMYK?
In RGB, #3587b6 is rgb(53, 135, 182), in HSL hsl(202, 55%, 46%) and in CMYK 71%, 26%, 0%, 29%. Browse more shades of blue with names and hex codes.
What colors pair well with #3587b6?
#3587b6 looks best when balanced by warm neutrals or muted earthy tones. Pair it with warm gray to anchor its coolness, or use a soft coral accent to add a complementary pop of energy to your design.
Is #3587b6 suitable for text on a white background?
#3587b6 generally offers sufficient readability against white or light backgrounds for UI elements and large text. However, you should always check the contrast ratio for smaller body text to ensure it meets standard accessibility guidelines for your specific interface.
Is #3587b6 readable on white or black?
#3587b6 has a 3.96:1 contrast ratio on white and 5.29:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.