#615BC1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo packs an intense punch, making it a natural choice for bold UI accents and call-to-action buttons. The hex code for this color is #615bc1. It creates sufficient contrast for white text, allowing for sharp readability. Use it sparingly as a ten percent accent rather than a full background to prevent it from overwhelming your design layout.
Questions about #615bc1
What is #615bc1 in RGB, HSL and CMYK?
In RGB, #615bc1 is rgb(97, 91, 193), in HSL hsl(244, 45%, 56%) and in CMYK 50%, 53%, 0%, 24%.
How should I use #615bc1 in a UI design layout?
#615bc1 works best when applied sparingly as a ten percent accent rather than a full background to prevent visual fatigue. It provides enough contrast against white text to ensure readability, making it ideal for buttons or highlight elements.
What colors pair well with #615bc1 for a balanced palette?
Pair #615bc1 with a neutral charcoal or soft off-white to ground the intensity of the indigo. For a more vibrant scheme, try balancing it against warm golden tones, which provide a high-energy contrast that pops without clashing.
Is #615bc1 readable on white or black?
#615bc1 has a 5.56:1 contrast ratio on white and 3.77: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.