#655CC3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo commands attention with its vivid, cool intensity. It functions best as an accent color for calls to action or UI highlights where you need to guide the user eye. While it reads well against white text, avoid using it as a massive background because the high chroma can become overwhelming. The hex code for this electric indigo is #655cc3.
Questions about #655cc3
What is #655cc3 in RGB, HSL and CMYK?
In RGB, #655cc3 is rgb(101, 92, 195), in HSL hsl(245, 46%, 56%) and in CMYK 48%, 53%, 0%, 24%.
How should I effectively use #655cc3 in a user interface?
Reserve #655cc3 for high-impact elements like primary buttons, notification badges, or key navigation icons. Because this indigo carries significant visual weight and chroma, avoid using it for large background surfaces as it can easily overwhelm the eye.
What colors pair well with #655cc3 for a balanced palette?
Is #655cc3 readable on white or black?
#655cc3 has a 5.42:1 contrast ratio on white and 3.87: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.