#670196 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dark and intense, #670196 carries a serious weight suited for moody, atmospheric interfaces. It functions best as a dominant base for dark mode designs rather than a small accent, as its deep saturation can easily overpower lighter hues. Pair this violet with crisp white text to maintain high legibility. The hex code for this powerful purple is #670196.
Questions about #670196
What is #670196 in RGB, HSL and CMYK?
In RGB, #670196 is rgb(103, 1, 150), in HSL hsl(281, 99%, 30%) and in CMYK 31%, 99%, 0%, 41%.
What colors pair best with #670196 in a design?
Pair #670196 with crisp white or very light silver text to maintain high legibility against its dark, saturated background. For accent colors, a vibrant chartreuse or soft peach provides a striking, high-contrast visual balance that keeps the interface feeling energetic.
Is #670196 suitable for large-scale UI components?
Because of its heavy, atmospheric weight, #670196 functions most effectively as a dominant base or background color in dark mode designs. It can easily overpower lighter hues if used as a small accent, so apply it deliberately to ground your overall layout.
Is #670196 readable on white or black?
#670196 has a 10.38:1 contrast ratio on white and 2.02: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 is too faint for text. Try other pairs in the contrast checker.