#68587C Hex Color

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

Hex color #68587c graphic
This muted, dusty violet brings a serious, grounded mood to design layouts. With a desaturated quality, #68587c avoids being overly aggressive while maintaining a sense of structural depth. It serves best as a supporting tone in brand palettes rather than a dominant background. Because it offers high readability for white text, the hex code works effectively for subtle UI elements and clean, modern typography.

Questions about #68587c

What is #68587c in RGB, HSL and CMYK?
In RGB, #68587c is rgb(104, 88, 124), in HSL hsl(267, 17%, 42%) and in CMYK 16%, 29%, 0%, 51%.
Where should I use #68587c in a UI design?
#68587c works best as a secondary or accent tone rather than a background. Because of its desaturated, muted quality, it provides excellent contrast for white text on buttons or navigational elements without overwhelming the primary brand hierarchy.
What colors pair well with the dusty violet of #68587c?
This color pairs beautifully with soft, warm neutrals like cream or beige to emphasize its violet undertones. For a more modern, structural look, combine it with a deep charcoal to ground the palette and maintain high readability.
Is #68587c readable on white or black?
#68587c has a 6.41:1 contrast ratio on white and 3.27: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.