#5D7DFC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bright and highly saturated, #5d7dfc is a cool blue with a slight periwinkle cast. Its strong energy suits calls to action, security interfaces, finance dashboards, and technology branding, but its intensity can overwhelm across large surfaces. Use it as a bold accent with navy or warm gray. The hex code is #5d7dfc, and black text reads clearly at about 5.8:1 contrast, meeting WCAG AA for body text.
Questions about #5d7dfc
What is #5d7dfc in RGB, HSL and CMYK?
In RGB, #5d7dfc is rgb(93, 125, 252), in HSL hsl(228, 96%, 68%) and in CMYK 63%, 50%, 0%, 1%.
What colors pair well with #5d7dfc?
Navy and warm gray pair well with #5d7dfc, giving its vivid periwinkle-blue energy a grounded backdrop; use white for clean contrast, or add a muted terracotta accent when you want a warmer, more energetic palette.
Where does #5d7dfc work best in a design?
Use #5d7dfc as an accent for calls to action, links, security interfaces, finance dashboards, and technology branding, where its high saturation attracts attention; balance it with navy, warm gray, or generous neutral space instead of covering large surfaces.
Is #5d7dfc readable on white or black?
#5d7dfc has a 3.61:1 contrast ratio on white and 5.80: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.