#7C8EE2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated blue-violet sits between indigo and periwinkle. The hex code #7c8ee2 works as a supporting tone in UI design because it pairs well with charcoal grays or slate. Since it offers excellent contrast, black text remains legible against this shade. Designers often choose this color for meditation apps or structured interfaces where a professional, composed aesthetic is needed.
Questions about #7c8ee2
What is #7c8ee2 in RGB, HSL and CMYK?
In RGB, #7c8ee2 is rgb(124, 142, 226), in HSL hsl(229, 64%, 69%) and in CMYK 45%, 37%, 0%, 11%.
What colors pair well with #7c8ee2 for UI design?
Because #7c8ee2 is a muted blue-violet, it creates a balanced, modern look when paired with neutral charcoal or deep slate tones. These high-contrast combinations ensure text remains legible while maintaining a calm, sophisticated aesthetic suitable for structured digital interfaces.
Is #7c8ee2 considered a warm or cool color?
#7c8ee2 is firmly a cool color, sitting in the blue-violet spectrum between indigo and periwinkle. Its unsaturated nature keeps it from feeling overly vibrant, allowing it to provide a composed, steady backdrop without dominating the visual hierarchy of your design.
Is #7c8ee2 readable on white or black?
#7c8ee2 has a 3.07:1 contrast ratio on white and 6.82: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.