#1074D1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated blue demands attention without being aggressive. Because it carries significant visual weight, use #1074d1 as a 10% accent color for primary call-to-action buttons or highlights rather than as a dominant background. It pairs exceptionally well with crisp grays or soft creams to ground its inherent energy. With a 4.7:1 contrast ratio, it remains readable when paired with white text.
Questions about #1074d1
What is #1074d1 in RGB, HSL and CMYK?
In RGB, #1074d1 is rgb(16, 116, 209), in HSL hsl(209, 86%, 44%) and in CMYK 92%, 44%, 0%, 18%.
How should I use #1074d1 in a design?
This blue carries heavy visual weight, so limit its use to about 10 percent of your total layout. It serves perfectly as an accent for primary call-to-action buttons or highlights where you need to draw the user eye immediately without overwhelming the interface.
What color pairs well with #1074d1?
To ground the inherent energy of #1074d1, pair it with neutrals like crisp gray or soft creams. These lighter or muted backgrounds allow the blue to stand out as a highlight without creating too much visual friction or aggressive contrast.
Is #1074d1 readable on white or black?
#1074d1 has a 4.72:1 contrast ratio on white and 4.44: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.