#3C4E99 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This moody indigo carries a cool, serious weight that works well as a grounding base for UI designs. Because it is highly saturated, it pairs best with soft, clean creams rather than stark white to avoid harsh vibration. The hex code #3c4e99 offers enough contrast for readable text, making it a reliable choice for professional tech or finance interfaces that need a sense of structure.
Questions about #3c4e99
What is #3c4e99 in RGB, HSL and CMYK?
In RGB, #3c4e99 is rgb(60, 78, 153), in HSL hsl(228, 44%, 42%) and in CMYK 61%, 49%, 0%, 40%.
Does #3c4e99 work well for interface text?
#3c4e99 is highly saturated, which provides excellent contrast against light backgrounds, making it a reliable choice for professional text or UI elements. Ensure you check it against specific background shades, as it can feel intense if used over stark white.
What colors pair best with #3c4e99?
Because this indigo is so vivid, it creates the most harmonious look when paired with soft, warm neutrals rather than harsh brights. Try balancing the coolness of #3c4e99 with a soft cream or a muted off-white to prevent visual vibration.
Is #3c4e99 readable on white or black?
#3c4e99 has a 7.65:1 contrast ratio on white and 2.74: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.