#458FF7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, saturated blue commands attention without feeling aggressive. Because it maintains high contrast, black text remains legible when layered on top. Use the hex code #458ff7 as a 10% accent color for calls to action or UI highlights rather than a full background, where its intensity can quickly overwhelm a design. It pairs well with soft grays to ground its high energy.
Questions about #458ff7
What is #458ff7 in RGB, HSL and CMYK?
In RGB, #458ff7 is rgb(69, 143, 247), in HSL hsl(215, 92%, 62%) and in CMYK 72%, 42%, 0%, 3%.
How should I use #458ff7 in UI design?
Use #458ff7 sparingly as a 10% accent color for primary call-to-action buttons or interface highlights. Its high saturation and intensity make it prone to overwhelming a layout if used as a large background, so pair it with soft gray to maintain balance.
Does #458ff7 work well with text?
The high luminosity of #458ff7 provides excellent contrast when paired with black or dark text, ensuring high legibility for accessibility. If you need a softer reading experience, pair this blue with off-white or very light backgrounds to let the color pop without straining the eyes.
Is #458ff7 readable on white or black?
#458ff7 has a 3.21:1 contrast ratio on white and 6.52: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.