#1F4CC6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Saturated and dark with a cool undertone, this blue reads confident without shouting. #1f4cc6 is the hex code. It works best as an accent or call-to-action color, since full backgrounds can feel heavy. Pair it with warm coral for punch, or cream for a softer edge. White text hits about 7.2:1 contrast, so small body copy stays readable.
Questions about #1f4cc6
What is #1f4cc6 in RGB, HSL and CMYK?
In RGB, #1f4cc6 is rgb(31, 76, 198), in HSL hsl(224, 73%, 45%) and in CMYK 84%, 62%, 0%, 22%.
What colors pair well with #1f4cc6?
Warm coral and amber give #1f4cc6 the strongest contrast in accent work, while soft cream keeps layouts calmer than plain white. Try coral for buttons and cream for surrounding text blocks.
Is #1f4cc6 readable on white or black?
#1f4cc6 has a 7.22:1 contrast ratio on white and 2.90: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 is too faint for text. Try other pairs in the contrast checker.