#3F7087 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue carries a cold and industrial character. Because it feels stable and professional, #3f7087 functions as a solid background for security or financial user interfaces. The hex code provides enough contrast for white text, so you can use it comfortably with small UI elements. Pair this shade with a muted amber to balance its heavy, gray-blue temperature.
Questions about #3f7087
What is #3f7087 in RGB, HSL and CMYK?
In RGB, #3f7087 is rgb(63, 112, 135), in HSL hsl(199, 36%, 39%) and in CMYK 53%, 17%, 0%, 47%. Browse more shades of blue with names and hex codes.
What colors pair well with #3f7087?
Pair #3f7087 with a muted amber or soft gold to offset its cool, gray-blue temperature. This combination creates a balanced contrast that feels professional yet approachable, making it particularly effective for financial or data-heavy dashboard designs.
Is #3f7087 suitable for small UI text?
Yes, #3f7087 works well as a background for white or off-white text, providing enough contrast for most small UI elements. Always verify specific accessibility ratios if you plan to use it for very fine typography or detailed iconography.
Is #3f7087 readable on white or black?
#3f7087 has a 5.41:1 contrast ratio on white and 3.87: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.