#7E80D3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool indigo carries a cerebral, structured feel. Because it sits at a mid-tone lightness, #7e80d3 works best as a secondary or accent color rather than a dominant background, where it can appear slightly washed out. Pair it with deep charcoal or burnt orange to bring out its moody, thoughtful character. Black text provides excellent readability against this hex code, meeting accessibility standards for small body text.
Questions about #7e80d3
What is #7e80d3 in RGB, HSL and CMYK?
In RGB, #7e80d3 is rgb(126, 128, 211), in HSL hsl(239, 49%, 66%) and in CMYK 40%, 39%, 0%, 17%.
What colors pair best with #7e80d3?
#7e80d3 works exceptionally well when balanced against high-contrast neutrals or vibrant warmth. Use it alongside deep charcoal to highlight its cerebral nature, or introduce burnt orange as an accent to create a striking, modern tension that pulls focus.
Should #7e80d3 be used as a primary background?
Because #7e80d3 sits at a mid-tone lightness, it often appears washed out if used as a full-page background or for body text. Rely on it as a secondary element, a call-to-action button, or a graphic accent to ensure your design retains its intended depth.
Is #7e80d3 readable on white or black?
#7e80d3 has a 3.55:1 contrast ratio on white and 5.91: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.