#047CB4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, mid-tone blue carries a restrained saturation that feels professional rather than playful. Because #047cb4 meets WCAG AA contrast standards, it works exceptionally well as a primary button color or for data-heavy UI components. Pair it with soft, warm grays to avoid a sterile look. The hex code for this reliable shade is #047cb4.
Questions about #047cb4
What is #047cb4 in RGB, HSL and CMYK?
In RGB, #047cb4 is rgb(4, 124, 180), in HSL hsl(199, 96%, 36%) and in CMYK 98%, 31%, 0%, 29%.
Where should I use #047cb4 in a UI design?
#047cb4 functions best as a primary action color or for data-heavy UI components because it naturally meets WCAG AA contrast standards. Use this blue for buttons or links where reliability and professional clarity are your main goals.
What colors pair best with #047cb4?
Pair #047cb4 with soft, warm neutrals like off-white or warm gray to prevent the design from appearing sterile or overly cold. If you need a secondary accent, soft apricot creates a pleasant, high-contrast complement.
Is #047cb4 readable on white or black?
#047cb4 has a 4.61:1 contrast ratio on white and 4.54: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.