#3B77BC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This medium-toned, unsaturated blue feels restrained and professional. It functions effectively as a stable base color for corporate branding or interface design, especially within the finance and tech sectors. Because the hex code #3b77bc offers a 4.6:1 contrast ratio against white, it remains legible for small body text. Pair it with soft grays to maintain a clean, high-contrast look without overwhelming the user.
Questions about #3b77bc
What is #3b77bc in RGB, HSL and CMYK?
In RGB, #3b77bc is rgb(59, 119, 188), in HSL hsl(212, 52%, 48%) and in CMYK 69%, 37%, 0%, 26%. Browse more shades of blue with names and hex codes.
Which colors pair well with #3b77bc?
This shade pairs effectively with soft, neutral tones like light gray or cool white to maintain a high-contrast, clean look. Avoid using overly saturated secondary colors, as they may clash with the muted and professional character of #3b77bc.
Is #3b77bc readable on white or black?
#3b77bc has a 4.61:1 contrast ratio on white and 4.55: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 for body text. Try other pairs in the contrast checker.