#9900CC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, high-octane violet commands attention immediately. Because of its extreme saturation, #9900cc can overwhelm if used as a primary background. It works best as an accent color for calls to action or UI highlights where it needs to pop. Pair it with dark, muted grays to ground its energy. White text is the most readable choice against this bold hue.
Questions about #9900cc
What is #9900cc in RGB, HSL and CMYK?
In RGB, #9900cc is rgb(153, 0, 204), in HSL hsl(285, 100%, 40%) and in CMYK 25%, 100%, 0%, 20%.
What are the best colors to pair with #9900cc for a balanced design?
The extreme saturation of #9900cc requires neutral grounding to avoid visual fatigue. You should pair it with deep, muted shades like charcoal or cool slate grays to balance its intensity, while relying on white for any necessary text readability.
Is #9900cc readable on white or black?
#9900cc has a 6.50:1 contrast ratio on white and 3.22: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.