#3F487C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated indigo acts as a stable, moody base for professional interfaces and corporate branding. Its dusty quality prevents it from feeling too electric, making it an excellent alternative to standard navy. Use the hex code #3f487c as a primary background color for high-contrast white text, which remains readable and accessible at smaller sizes. Pair it with muted creams to soften its inherent rigidity.
Questions about #3f487c
What is #3f487c in RGB, HSL and CMYK?
In RGB, #3f487c is rgb(63, 72, 124), in HSL hsl(231, 33%, 37%) and in CMYK 49%, 42%, 0%, 51%.
What colors pair well with #3f487c in a design?
Pair #3f487c with muted creams or soft greys to balance its cool, saturated intensity. Using a high-contrast off-white for text ensures optimal readability against this dark, moody background while maintaining a professional and sophisticated visual hierarchy.
Is #3f487c readable on white or black?
#3f487c has a 8.64:1 contrast ratio on white and 2.42: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.