#6870E2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, saturated indigo demands attention with its intense and cool character. It functions best as an accent color for calls to action or UI highlights rather than a large background. When paired with soft, warm neutrals like cream, the hex code #6870e2 pops with high contrast. Because it provides sufficient legibility for text, you can use it for small, bold interface elements.
Questions about #6870e2
What is #6870e2 in RGB, HSL and CMYK?
In RGB, #6870e2 is rgb(104, 112, 226), in HSL hsl(236, 68%, 65%) and in CMYK 54%, 50%, 0%, 11%.
Where does #6870e2 work best in UI design?
#6870e2 functions best as a high-visibility accent color for primary call-to-action buttons or interactive UI elements. Because it holds strong visual weight, use it sparingly against neutral backgrounds to ensure your interface remains clean and readable without overwhelming the user.
What color combinations work well with #6870e2?
Is #6870e2 readable on white or black?
#6870e2 has a 4.19:1 contrast ratio on white and 5.00: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.