#648FE6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The #648fe6 hex code is a cool, somewhat muted blue with a slight violet undertone. Its medium-light value and controlled saturation suggest trust and reliability, making it useful for finance, security, healthcare, and technology interfaces. Use it as a supporting brand color or UI accent. Black text reaches about 6.6:1 contrast, enough for WCAG AA body text.
Questions about #648fe6
What is #648fe6 in RGB, HSL and CMYK?
In RGB, #648fe6 is rgb(100, 143, 230), in HSL hsl(220, 72%, 65%) and in CMYK 57%, 38%, 0%, 10%. Browse more shades of blue with names and hex codes.
What colors pair well with #648fe6?
Pair #648fe6 with charcoal or deep navy for stable contrast, and use a muted orange accent when the palette needs warmth; warm off-white surfaces can soften its cool cast without making the interface feel stark.
Where does #648fe6 work best in a design?
#648fe6 works best as a supporting brand color, dashboard accent, or action-state color in security, finance, healthcare, and technology products where its cool, medium-light value feels orderly without becoming heavy. Use it sparingly beside white for a calmer visual balance.
Is #648fe6 readable on white or black?
#648fe6 has a 3.17:1 contrast ratio on white and 6.61:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.