#4C5DD5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo demands attention with its intense, electric personality. Because it strikes such a bold presence, it works best as a 10% accent color for calls to action or UI highlights rather than a large background. It pairs cleanly with crisp white text for excellent readability. The hex code for this cool, high-energy tone is #4c5dd5.
Questions about #4c5dd5
What is #4c5dd5 in RGB, HSL and CMYK?
In RGB, #4c5dd5 is rgb(76, 93, 213), in HSL hsl(233, 62%, 57%) and in CMYK 64%, 56%, 0%, 16%.
How should I use #4c5dd5 in user interface design?
#4c5dd5 functions most effectively as a 10% accent color rather than a primary background shade. It draws the eye instantly, making it perfect for call-to-action buttons or interactive UI elements that require high visibility against neutral or white interfaces.
What colors pair well with #4c5dd5 for a balanced palette?
This intense indigo creates strong contrast when paired with crisp white for readability, or soft neutrals like light gray to ground its energy. For a more sophisticated scheme, it works well alongside complementary warm tones like soft apricot to balance the cool, electric temperature.
Is #4c5dd5 readable on white or black?
#4c5dd5 has a 5.47:1 contrast ratio on white and 3.83: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.