#4872EC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy blue commands attention without feeling aggressive. Because of its intensity, #4872ec works best as an accent color for calls to action or UI highlights rather than a dominant background. It pairs exceptionally well with muted warm grays, which ground its electric nature. The hex code for this vivid shade is #4872ec. It provides enough contrast to keep black text legible for small UI elements.
Questions about #4872ec
What is #4872ec in RGB, HSL and CMYK?
In RGB, #4872ec is rgb(72, 114, 236), in HSL hsl(225, 81%, 60%) and in CMYK 69%, 52%, 0%, 7%.
Where should I use #4872ec in a website design?
#4872ec is best reserved for interactive elements like primary buttons, hover states, or notification badges because of its intense, high-energy nature. Using this vivid blue sparingly as a functional highlight prevents it from overwhelming your layout or distracting users.
What colors pair well with #4872ec for a balanced palette?
This electric blue creates a sophisticated contrast when paired with warm gray or muted off-white tones. The neutrality of the gray grounds the intensity of #4872ec, while darker charcoal text ensures strong readability against lighter backgrounds featuring this accent.
Is #4872ec readable on white or black?
#4872ec has a 4.29:1 contrast ratio on white and 4.89: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.