#504CC4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#504cc4 is a bold, saturated indigo with strong blue undertones and just enough red to keep it lush. Dark yet vivid, it reads rich rather than gloomy, which suits moody backgrounds, night sky themes, and creative branding. White text passes AA contrast behind it, so it works for buttons and headings alike.
Questions about #504cc4
What is #504cc4 in RGB, HSL and CMYK?
In RGB, #504cc4 is rgb(80, 76, 196), in HSL hsl(242, 50%, 53%) and in CMYK 59%, 61%, 0%, 23%.
What colors pair well with #504cc4?
White text is the safest partner, reading at about 6.6:1 contrast. For accents, warm oranges and terracotta keep this indigo from feeling flat.
Does #504cc4 work as a background color?
Yes, especially in dark mode. Keep text white and sized generously; the color holds about 6.6:1 contrast with white, which clears AA for body copy.
Is #504cc4 warm or cool?
Cool-leaning. Blue dominates the mix, though a red undertone softens it, so it sits closer to a true indigo than a stark blue.
Is #504cc4 readable on white or black?
#504cc4 has a 6.62:1 contrast ratio on white and 3.17: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.