#696AE4 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #696ae4 graphic
Bold and cool, #696ae4 is a saturated indigo with clear violet undertones and a bright, energetic presence. It brings intensity and focus to calls to action, creative branding, meditation apps, and night-sky themes. Use it as a supporting tone or accent beside deep navy, warm cream, or metallic gold. Black text reaches about 4.8:1 contrast. The hex code is #696ae4.

Questions about #696ae4

What is #696ae4 in RGB, HSL and CMYK?
In RGB, #696ae4 is rgb(105, 106, 228), in HSL hsl(240, 69%, 65%) and in CMYK 54%, 54%, 0%, 11%.
What colors pair well with #696ae4?
#696ae4 pairs especially well with deep navy, warm cream, and metallic gold, because these tones balance its cool violet cast while supporting darker, softer, or more luxurious palette directions for different visual moods.
Is #696ae4 warm or cool?
#696ae4 reads as a cool, saturated indigo because its blue base is shifted toward violet rather than red, giving it a crisp, energetic feel suited to focused interfaces, creative identities, and atmospheric night-sky themes.
Is #696ae4 readable on white or black?
#696ae4 has a 4.39:1 contrast ratio on white and 4.78: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.