#6973D1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Cool and moderately saturated, #6973d1 sits between deep violet and periwinkle. This hex code works best as a primary UI color or a branding accent rather than a full background. It pairs nicely with soft creams or charcoal grays to ground the intensity. Since black text provides a 5.0:1 contrast ratio, which exceeds the 4.5:1 requirement, you can comfortably set small body text directly on this hue.
Questions about #6973d1
What is #6973d1 in RGB, HSL and CMYK?
In RGB, #6973d1 is rgb(105, 115, 209), in HSL hsl(234, 53%, 62%) and in CMYK 50%, 45%, 0%, 18%.
What colors pair best with #6973d1 for UI design?
Using #6973d1 with charcoal creates a high-contrast, professional look suitable for text or structural elements. If you prefer a softer, more inviting aesthetic, pairing it with creamy off-whites balances the intensity of the violet while maintaining a clean, modern interface feel.
Is #6973d1 readable on white or black?
#6973d1 has a 4.22:1 contrast ratio on white and 4.97: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.