#3F48CC Hex Color
A high-intensity indigo with electric character
High-intensity indigo #3f48cc commands attention with its saturated and electric finish. This bold shade works best as a punchy accent or a secondary element in UI design rather than a full-page background, which can overwhelm the eye. It offers great contrast, especially with clean white text. Understanding how to make blue helps designers blend this vibrant hue into sophisticated, modern palettes.
Questions about #3f48cc
What is #3f48cc in RGB, HSL and CMYK?
In RGB, #3f48cc is rgb(63, 72, 204), in HSL hsl(236, 58%, 52%) and in CMYK 69%, 65%, 0%, 20%.
How can designers use #3f48cc effectively in UI layouts?
#3f48cc functions best as a high-contrast accent color for primary call-to-action buttons or navigation highlights rather than large background areas. Its high saturation can overwhelm the eye if used too broadly, so pair it with white or neutral grays for balance.
What colors pair well with the indigo shade #3f48cc?
This indigo works beautifully alongside warm, contrasting tones like vibrant yellow or orange to create a striking, modern palette. For a more sophisticated look, pair #3f48cc with soft neutrals like cream or light silver to ground its electric energy.
Is #3f48cc readable on white or black?
#3f48cc has a 6.97:1 contrast ratio on white and 3.01: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.