#6481DE Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #6481de graphic
This saturated, cool blue carries a professional weight that suits corporate branding and SaaS interfaces. Since it holds a 5.7:1 contrast ratio against black text, it maintains excellent readability for UI components. The hex code #6481de pairs best with dark slate grays rather than stark white, which can make it appear slightly washed out. Use it as a primary action color to guide user attention.

Questions about #6481de

What is #6481de in RGB, HSL and CMYK?
In RGB, #6481de is rgb(100, 129, 222), in HSL hsl(226, 65%, 63%) and in CMYK 55%, 42%, 0%, 13%.
What colors pair well with #6481de in a UI layout?
#6481de functions best when grounded by deep neutrals rather than stark white, which can create visual fatigue. Try pairing this saturated blue with slate or charcoal to maintain a polished, high-contrast look suitable for professional enterprise software dashboards.
Is #6481de readable on white or black?
#6481de has a 3.66:1 contrast ratio on white and 5.73: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.