#849CD4 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #849cd4 graphic
This cool, unsaturated blue leans toward periwinkle, offering a steady and professional aesthetic. Because of its muted character, the hex code #849cd4 works well as a grounding background or a secondary accent in technology and finance layouts. It pairs effectively with dark charcoal text to ensure high readability. Use it sparingly, as its soft nature can occasionally look washed out against pure white.

Questions about #849cd4

What is #849cd4 in RGB, HSL and CMYK?
In RGB, #849cd4 is rgb(132, 156, 212), in HSL hsl(222, 48%, 67%) and in CMYK 38%, 26%, 0%, 17%. Browse more shades of blue with names and hex codes.
What colors pair best with #849cd4 for professional layouts?
Because #849cd4 is a muted, unsaturated blue, it pairs exceptionally well with charcoal or deep navy for high-contrast, readable text. To create a softer, more balanced aesthetic, try pairing it with neutral creams or a warm stone gray.
Does #849cd4 work well as a background color for web design?
Yes, #849cd4 serves as a reliable grounding background because its unsaturated nature prevents it from overwhelming other UI elements. However, avoid placing pure white text directly on top of it, as the low contrast can make the typography difficult to read.
Is #849cd4 readable on white or black?
#849cd4 has a 2.73:1 contrast ratio on white and 7.68:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.