#3F85D1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone blue carries a cool, unsaturated character that works well in corporate interfaces. Because of its reliable, professional appearance, it functions best as a primary UI color for technology or finance brands. It maintains excellent readability with black text, meeting accessibility standards for small body copy. The hex code for this shade is #3f85d1, and it pairs surprisingly well with softer, slate-gray accents.
Questions about #3f85d1
What is #3f85d1 in RGB, HSL and CMYK?
In RGB, #3f85d1 is rgb(63, 133, 209), in HSL hsl(211, 61%, 53%) and in CMYK 70%, 36%, 0%, 18%.
What colors pair best with #3f85d1 in a UI design?
Pair #3f85d1 with neutral slate gray or charcoal for a sophisticated tech aesthetic. Using a crisp white background ensures the blue retains its professional, clean appearance while maintaining accessibility standards for all text elements.
Is #3f85d1 readable on white or black?
#3f85d1 has a 3.82:1 contrast ratio on white and 5.48: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.