#707ECD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A desaturated, cool indigo, #707ecd offers a grounded alternative to brighter purples. Its muted tone works effectively as a backdrop for soft, cream-colored text or as an accent alongside warm terracotta. Because it provides solid readability with black type, this hex code functions well in UI design and editorial layouts where you need order without the harshness of a standard blue.
Questions about #707ecd
What is #707ecd in RGB, HSL and CMYK?
In RGB, #707ecd is rgb(112, 126, 205), in HSL hsl(231, 48%, 62%) and in CMYK 45%, 39%, 0%, 20%.
Why does #707ecd work well for UI design?
#707ecd provides excellent readability when paired with black or high-contrast white typography, unlike more vibrant purples which can strain the eyes. Its desaturated quality creates a calm, professional interface that avoids the harshness often found in standard primary blues.
What color combinations complement #707ecd?
This cool indigo acts as a stable neutral that pairs beautifully with warm earth tones like terracotta or soft creams. For a high-contrast modern palette, combine it with a crisp off-white to highlight its subtle purple undertones without overwhelming the overall composition.
Is #707ecd readable on white or black?
#707ecd has a 3.78:1 contrast ratio on white and 5.55: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.