#642DF2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo is intense and commands attention in any interface. Because it is highly vivid, use #642df2 as an accent color for calls to action or highlights rather than a full background. White text sits perfectly on this shade for excellent readability. Pair it with soft, warm neutrals to balance its inherent coolness and electric energy.
Questions about #642df2
What is #642df2 in RGB, HSL and CMYK?
In RGB, #642df2 is rgb(100, 45, 242), in HSL hsl(257, 88%, 56%) and in CMYK 59%, 81%, 0%, 5%.
How should I use #642df2 in an interface?
Because of its high vibrancy and intensity, #642df2 is most effective as a functional accent color for buttons or highlights. Avoid using it as a full-page background, as it can overwhelm the eye and make extended reading difficult for users.
Which colors pair best with #642df2?
To balance the electric coolness of #642df2, pair it with soft, warm neutrals that provide a grounding effect. You can also create high-contrast designs by placing white text directly over this indigo, ensuring the layout remains readable and modern.
Is #642df2 readable on white or black?
#642df2 has a 6.56:1 contrast ratio on white and 3.19: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.