#647BF2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, saturated indigo demands attention. As a high-energy tone, the hex code #647bf2 works best as a bold accent or a primary call to action button. It pairs well with dark neutrals, and the 5.7:1 contrast ratio ensures black text remains legible. Keep this color limited to small elements, as it easily overwhelms a layout when used as a background.
Questions about #647bf2
What is #647bf2 in RGB, HSL and CMYK?
In RGB, #647bf2 is rgb(100, 123, 242), in HSL hsl(230, 85%, 67%) and in CMYK 59%, 49%, 0%, 5%.
How should I use #647bf2 in web interfaces?
#647bf2 functions best as a high-impact accent or primary call-to-action button rather than a large background color. Because it is highly saturated, it can easily overwhelm a layout if used across expansive sections or large text blocks.
Is #647bf2 readable on white or black?
#647bf2 has a 3.71:1 contrast ratio on white and 5.65: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.