#978FF0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated violet provides a soft, cool presence that avoids being overwhelming. The hex code #978ff0 works well as a supporting accent in UI palettes where a balanced, serene tone is needed. Pair it with dark charcoal text to ensure high readability. Because of its muted character, use it sparingly as a 10% pop of color rather than a large background field to prevent the design from feeling washed out.
Questions about #978ff0
What is #978ff0 in RGB, HSL and CMYK?
In RGB, #978ff0 is rgb(151, 143, 240), in HSL hsl(245, 76%, 75%) and in CMYK 37%, 40%, 0%, 6%.
What colors pair best with #978ff0?
This muted violet works exceptionally well when balanced against deep charcoal or soft off-white backgrounds. Because of its cool, unsaturated nature, it provides a stable accent that avoids clashing with primary brand colors while maintaining professional readability in user interface components.
How should #978ff0 be used in UI design?
Use #978ff0 sparingly as a secondary highlight rather than a main background field. Applying it to interactive elements like buttons or notification icons at roughly ten percent of your total screen real estate ensures it adds visual interest without washing out the layout.
Is #978ff0 readable on white or black?
#978ff0 has a 2.79:1 contrast ratio on white and 7.50: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.