#9B3AD0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated violet commands attention instantly. Because of its intensity, use it sparingly as a 10% accent in your UI rather than a dominant background. It provides strong accessibility when paired with white text, meeting contrast standards for body type. The hex code #9b3ad0 works best for calls to action or highlights where you need to draw the eye to specific elements.
Questions about #9b3ad0
What is #9b3ad0 in RGB, HSL and CMYK?
In RGB, #9b3ad0 is rgb(155, 58, 208), in HSL hsl(279, 61%, 52%) and in CMYK 25%, 72%, 0%, 18%.
How should I use #9b3ad0 in a user interface?
Apply #9b3ad0 sparingly as a 10% accent rather than a primary background color because of its intense saturation. It draws the eye effectively to specific buttons or highlights while remaining readable against white, ensuring you meet accessibility standards for text.
What colors pair well with #9b3ad0?
Balance the intensity of #9b3ad0 by pairing it with neutral tones like charcoal or light slate grays to keep the design grounded. For a bolder look, you can try contrasting it against soft, desaturated yellows, which creates a dynamic, high-energy visual harmony.
Is #9b3ad0 readable on white or black?
#9b3ad0 has a 5.37:1 contrast ratio on white and 3.90: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.