#3F53C5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #3f53c5 is a cool, saturated blue-indigo with a strong medium-dark value. Its vivid clarity brings energy and focus to buttons, links, and technology branding, while a slight purple cast adds depth and mystery. Use it as a supporting color with warm ivory or muted gold. White text reads clearly against this hex code at about 6.5:1 contrast.
Questions about #3f53c5
What is #3f53c5 in RGB, HSL and CMYK?
In RGB, #3f53c5 is rgb(63, 83, 197), in HSL hsl(231, 54%, 51%) and in CMYK 68%, 58%, 0%, 23%.
What colors pair well with #3f53c5?
Warm ivory, muted gold, and soft neutral tones pair well with #3f53c5, balancing its cool blue-indigo base while letting its slight purple cast remain vivid. Use ivory for spacious backgrounds and muted gold for restrained highlights.
Is #3f53c5 warm or cool?
#3f53c5 reads as a cool color because its saturated blue base outweighs the slight purple cast. That cool, focused character works well for interactive elements and digital products, especially when balanced with warm neutrals or restrained gold accents.
Is #3f53c5 readable on white or black?
#3f53c5 has a 6.45:1 contrast ratio on white and 3.25: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.