#404F94 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and dusty, #404f94 serves as a grounding indigo with a cool, matte finish. Its low saturation keeps it serious and restrained, making it an excellent base color for moody UI layouts. Because white text creates a strong 7.6:1 contrast against this hex code, it remains highly readable for small body type. Pair it with soft creams or warm grays to offset the inherent chill.
Questions about #404f94
What is #404f94 in RGB, HSL and CMYK?
In RGB, #404f94 is rgb(64, 79, 148), in HSL hsl(229, 40%, 42%) and in CMYK 57%, 47%, 0%, 42%.
Why is #404f94 considered a good choice for UI text?
#404f94 offers a strong contrast ratio of 7.6:1 against white, ensuring it remains highly legible for body copy. Its muted, low-saturation profile prevents the eye fatigue often caused by highly vibrant blues in digital interfaces.
What colors pair well with #404f94 for a balanced palette?
To offset the inherent chill of #404f94, pair it with soft creams or warm grays to create visual harmony. Incorporating a subtle sand or warm beige can provide enough warmth to ground the cool blue tones effectively.
Is #404f94 readable on white or black?
#404f94 has a 7.59:1 contrast ratio on white and 2.76: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.