#7E8CB8 Hex Color

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

Hex color #7e8cb8 graphic
This muted, dusty indigo reads as a refined, cool neutral with significant desaturation. The hex code #7e8cb8 offers a restrained aesthetic that works well for backgrounds in professional or tech-focused UI design. Because it provides excellent contrast for dark text, it serves as a reliable base color. Try pairing it with warm creams or soft greys to balance its cool undertones and prevent a washed-out appearance.

Questions about #7e8cb8

What is #7e8cb8 in RGB, HSL and CMYK?
In RGB, #7e8cb8 is rgb(126, 140, 184), in HSL hsl(226, 29%, 61%) and in CMYK 32%, 24%, 0%, 28%.
What colors pair best with #7e8cb8?
Warm creams or soft greys create the most balanced results when pairing with #7e8cb8, as they ground its cool, dusty undertones. Using warm beige or charcoal can also help prevent the color from appearing washed-out in interface layouts.
Is #7e8cb8 suitable for text-heavy designs?
While #7e8cb8 works beautifully as a soft background, it generally lacks the high contrast needed for body text accessibility. It is best reserved for UI elements, call-to-action buttons, or subtle accents where it complements darker, high-contrast typography.
Is #7e8cb8 readable on white or black?
#7e8cb8 has a 3.31:1 contrast ratio on white and 6.33:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.