#948A99 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted violet carries an ashy, grey cast that reads as understated and calm. Because it is highly desaturated, #948a99 functions best as a sophisticated neutral background rather than a focal point. Pair it with crisp white or dark charcoal to prevent the shade from looking muddy. Since black text provides excellent contrast against this hex code, it is legible enough for body copy on UI designs.
Questions about #948a99
What is #948a99 in RGB, HSL and CMYK?
In RGB, #948a99 is rgb(148, 138, 153), in HSL hsl(280, 7%, 57%) and in CMYK 3%, 10%, 0%, 40%.
What colors pair well with #948a99?
This muted violet works best with high-contrast neutrals to maintain readability. Pair #948a99 with charcoal or deep black for text, or use crisp white backgrounds to lift the ashy tones and prevent the overall composition from looking muddy or flat.
Is #948a99 suitable for UI design text?
Because #948a99 is a highly desaturated, mid-tone purple, it lacks sufficient contrast against white to be used for small, accessible body copy. It is much better suited as a sophisticated background or an accent color in your UI design system.
Is #948a99 readable on white or black?
#948a99 has a 3.30:1 contrast ratio on white and 6.35: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.