#704188 Hex Color

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

Hex color #704188 graphic
This muted, dusty violet strikes a balance between serious and moody. Because #704188 is somewhat unsaturated, it works effectively as a dark background color that avoids being overly aggressive. It pairs well with crisp white text, which offers excellent readability for interfaces. Avoid using this shade in large blocks if you want to keep the design bright, as it can easily feel heavy.

Questions about #704188

What is #704188 in RGB, HSL and CMYK?
In RGB, #704188 is rgb(112, 65, 136), in HSL hsl(280, 35%, 39%) and in CMYK 18%, 52%, 0%, 47%.
How should I use #704188 in a UI design?
This muted violet functions best as a sophisticated background choice for websites or mobile apps that avoid high-energy branding. Because #704188 is unsaturated and slightly heavy, it pairs effectively with off-white or cream text to ensure comfortable, high-contrast reading experiences.
What colors complement #704188 effectively?
To balance the moody nature of #704188, pair it with muted gold or soft sand tones to create warmth. For a cleaner, more modern interface, lean into light gray elements to brighten the overall palette without losing that distinct, serious tone.
Is #704188 readable on white or black?
#704188 has a 7.49:1 contrast ratio on white and 2.80: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.