#5CA3FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy sky blue commands immediate attention without feeling aggressive. Because of its intensity, #5ca3ff functions best as a 10% accent color for calls to action or UI highlights rather than a full-page background. It pairs exceptionally well with charcoal grays for a modern, tech-focused aesthetic. The hex code for this vivid blue is #5ca3ff, which supports black text easily for accessible design.
Questions about #5ca3ff
What is #5ca3ff in RGB, HSL and CMYK?
In RGB, #5ca3ff is rgb(92, 163, 255), in HSL hsl(214, 100%, 68%) and in CMYK 64%, 36%, 0%, 0%.
Where should I use #5ca3ff in my web design?
#5ca3ff is an intense color that functions best as a focused 10% accent rather than a primary background shade. It excels as a highlight for buttons, notification badges, or call-to-action elements where you need to draw the user's eye immediately.
What colors pair well with #5ca3ff?
This blue pairs naturally with dark, neutral tones like charcoal or slate grays to create a clean, tech-forward aesthetic. Using deep, dark neutrals allows the vibrancy of #5ca3ff to pop without overwhelming the overall layout of your interface.
Is #5ca3ff readable on white or black?
#5ca3ff has a 2.58:1 contrast ratio on white and 8.13:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.