#7287E5 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #7287e5 graphic
This vivid indigo sits firmly on the cool side of the spectrum. The hex code #7287e5 is highly saturated, making it a powerful choice for modern UI accents or distinct branding headers. Because it is bright, it pairs well with crisp white for readability. If you are struggling with mixing gray, this tone acts as a sharp contrast rather than a muted base.

Questions about #7287e5

What is #7287e5 in RGB, HSL and CMYK?
In RGB, #7287e5 is rgb(114, 135, 229), in HSL hsl(229, 69%, 67%) and in CMYK 50%, 41%, 0%, 10%.
What colors pair well with #7287e5?
#7287e5 functions best when paired with crisp neutrals like white or light gray, which prevent the color from overwhelming a design. For a more sophisticated palette, try pairing this vivid indigo with mustard yellow or soft coral accents to create balance.
Is #7287e5 suitable for text usage?
Using #7287e5 for body text is generally not recommended as it lacks sufficient contrast against standard white backgrounds to meet basic accessibility standards. Reserve this saturated tone for primary buttons, call-to-action headers, or bold UI elements to maintain readability.
Is #7287e5 readable on white or black?
#7287e5 has a 3.32:1 contrast ratio on white and 6.31: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.