#6366F1 Hex Color
A vibrant indigo for modern interfaces
This saturated indigo packs an electric punch suitable for modern interfaces. Use #6366f1 sparingly as a call-to-action button, as its intensity can overwhelm large backgrounds. It looks sharp paired against muted charcoal grays. The hex code for this color is #6366f1. Because black text offers a 4.7:1 contrast ratio, you can safely set small copy on top while maintaining WCAG AA compliance.
Questions about #6366f1
What is #6366f1 in RGB, HSL and CMYK?
In RGB, #6366f1 is rgb(99, 102, 241), in HSL hsl(239, 84%, 67%) and in CMYK 59%, 58%, 0%, 5%.
How should I use #6366f1 in a UI design?
Apply #6366f1 sparingly as a high-contrast accent or call-to-action button to guide user attention. Because of its high saturation, it can quickly overwhelm a layout if used for large backgrounds or secondary text blocks.
Is #6366f1 readable on white or black?
#6366f1 has a 4.46:1 contrast ratio on white and 4.70:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.