#3F89BF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3f89bf is a cool, unsaturated blue. It functions best as an accent rather than a dominant background color. Try pairing it with terracotta to offset its cold nature. Black text provides 5.5:1 contrast, ensuring readability at smaller sizes. Understanding what colors make gray helps designers balance the chroma. The hex code for this blue is #3f89bf.
Questions about #3f89bf
What is #3f89bf in RGB, HSL and CMYK?
In RGB, #3f89bf is rgb(63, 137, 191), in HSL hsl(205, 50%, 50%) and in CMYK 67%, 28%, 0%, 25%.
What colors pair well with #3f89bf?
Because #3f89bf is a cool, unsaturated blue, it pairs effectively with terracotta or warm earth tones to create a balanced contrast. This combination keeps the design from feeling too sterile or cold while maintaining a professional visual hierarchy.
Is #3f89bf suitable for text on a white background?
Using black text over #3f89bf provides a 5.5:1 contrast ratio, which is ideal for readability. However, avoid using white text directly on this blue, as it will likely fail accessibility standards due to the insufficient contrast between the light tones.
Is #3f89bf readable on white or black?
#3f89bf has a 3.78:1 contrast ratio on white and 5.54: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.