#424C81 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#424c81 is a dusty, unsaturated indigo with cool, shadowy undertones. Because it sits in a mid-tone range, it functions best as a sophisticated base or a supporting background color for tech interfaces. Pair this hex code with warm creams or soft terracotta to balance its bleak, serious nature. White text remains highly readable over this shade, making it a reliable choice for long-form dark mode content.
Questions about #424c81
What is #424c81 in RGB, HSL and CMYK?
In RGB, #424c81 is rgb(66, 76, 129), in HSL hsl(230, 32%, 38%) and in CMYK 49%, 41%, 0%, 49%.
What colors pair best with #424c81 for a balanced design?
#424c81 works best when paired with warm, earthy neutrals to offset its inherently cool, somber nature. Use creamy whites for readability or accent with terracotta to introduce a soft, contrasting warmth that prevents the deep indigo from feeling too clinical or bleak.
Is #424c81 a good choice for dark mode UI text backgrounds?
#424c81 is an excellent candidate for dark mode interfaces because its mid-tone saturation provides enough depth to feel grounded without becoming pure black. It offers a subtle, sophisticated alternative to standard grays while maintaining high legibility for light-colored interface text elements.
Is #424c81 readable on white or black?
#424c81 has a 8.13:1 contrast ratio on white and 2.58: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 is too faint for text. Try other pairs in the contrast checker.