#544CCC Hex Color

A high-energy, electric indigo blue

Hex color #544ccc graphic
#544ccc is a hyper-saturated, intense indigo that commands immediate attention. Because of its high chroma, it works best as a primary CTA button or a bold UI accent rather than a full page background, where it can overwhelm the eye. It pairs surprisingly well with soft creams or warm corals to ground its high energy. The hex code for this electric shade is #544ccc.

Questions about #544ccc

What is #544ccc in RGB, HSL and CMYK?
In RGB, #544ccc is rgb(84, 76, 204), in HSL hsl(244, 56%, 55%) and in CMYK 59%, 63%, 0%, 20%.
How should I use #544ccc in a UI design?
#544ccc works best as a targeted accent or CTA button because its intense saturation can quickly overwhelm a user's eye. Pair this electric indigo with soft creams or neutral grays to ground the color and maintain visual balance throughout your interface.
What colors pair well with #544ccc?
This indigo benefits from being grounded by muted, low-contrast partners like soft cream or warm terracotta. Because #544ccc is so energetic, these earthier tones help bridge the gap, preventing the design from feeling too jarring or aggressive to the user.
Is #544ccc readable on white or black?
#544ccc has a 6.39:1 contrast ratio on white and 3.28:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.