#3F81A8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3f81a8 is a muted, cool blue that conveys stability and professional trust. Given its steady nature, it excels in interface design for the finance and technology sectors. This hex code pairs unexpectedly well with warm terracotta accents to create a balanced palette. With a 4.9:1 contrast ratio against black text, it provides excellent legibility for small UI elements or body copy.
Questions about #3f81a8
What is #3f81a8 in RGB, HSL and CMYK?
In RGB, #3f81a8 is rgb(63, 129, 168), in HSL hsl(202, 45%, 45%) and in CMYK 63%, 23%, 0%, 34%.
What color combinations work best with #3f81a8?
This muted blue balances exceptionally well with warm, earthy tones like terracotta or soft creams, creating a sophisticated visual contrast. Using these complementary colors adds warmth to the professional coolness of #3f81a8, preventing it from feeling too sterile in digital UI layouts.
Is #3f81a8 suitable for body text?
Yes, #3f81a8 provides a stable and professional aesthetic while maintaining a 4.9:1 contrast ratio against black, which is highly effective for smaller UI elements and body copy. It ensures accessibility and readability without the harshness of a standard, high-contrast primary blue.
Is #3f81a8 readable on white or black?
#3f81a8 has a 4.27:1 contrast ratio on white and 4.91: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.