#3F70C8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, mid-tone blue carries a professional weight, making it a natural choice for finance and security branding. It avoids feeling overly bright while maintaining a crisp, cool presence. Because the hex code #3f70c8 offers a high contrast ratio against white, it works well for small body text. Pair it with soft grays or creams to ground the intensity for cleaner UI layouts.
Questions about #3f70c8
What is #3f70c8 in RGB, HSL and CMYK?
In RGB, #3f70c8 is rgb(63, 112, 200), in HSL hsl(219, 55%, 52%) and in CMYK 69%, 44%, 0%, 22%.
Where should I use #3f70c8 in a digital interface?
#3f70c8 works best for primary UI elements like buttons, navigational links, or iconography, where you need a strong, trustworthy visual anchor. Because it provides high contrast against white, it also remains perfectly legible when used for body text.
What colors pair well with #3f70c8 for a balanced palette?
To ground the intensity of #3f70c8, pair it with neutral charcoal for text or soft creams and off-whites for backgrounds. These pairings soften the overall look while maintaining the clean, professional character required for modern web design.
Is #3f70c8 readable on white or black?
#3f70c8 has a 4.81:1 contrast ratio on white and 4.36: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.