#6745FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated, electric indigo commands attention with its intense, beaming energy. Because of its extreme chroma, the hex code #6745ff works best as a sharp accent or call-to-action button rather than a primary background. It pairs effectively with cool grays or charcoal to ground its brightness. While white text maintains a clear 5.4:1 contrast ratio against it, use this bold shade sparingly to maintain visual balance.
Questions about #6745ff
What is #6745ff in RGB, HSL and CMYK?
In RGB, #6745ff is rgb(103, 69, 255), in HSL hsl(251, 100%, 64%) and in CMYK 60%, 73%, 0%, 0%.
When should #6745ff be used in a user interface?
Use #6745ff sparingly as a high-contrast accent or primary button color to guide user focus. Because it is highly saturated, it can overwhelm a layout if used for large backgrounds, so keep it focused on interactive elements that need immediate visibility.
What colors complement the intensity of #6745ff?
Pair #6745ff with neutral tones like charcoal or soft cool grays to balance its extreme chroma. These grounding neutrals allow the electric intensity of the indigo to pop without creating visual fatigue for the reader or cluttering your design composition.
Is #6745ff readable on white or black?
#6745ff 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.