#5794FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5794ff is a high-energy, saturated blue that demands immediate attention. Because of its intensity, it works best as a 10% accent color for calls to action or UI highlights rather than a full background. Pair it with dark grays or deep navies to ground its artificial brightness. The hex code #5794ff provides enough contrast for black text to remain legible for accessibility requirements.
Questions about #5794ff
What is #5794ff in RGB, HSL and CMYK?
In RGB, #5794ff is rgb(87, 148, 255), in HSL hsl(218, 100%, 67%) and in CMYK 66%, 42%, 0%, 0%.
Where should I use #5794ff in a web interface?
#5794ff works best as a targeted accent color rather than a background shade. Use it for primary action buttons or essential UI highlights where you need immediate visual contrast that draws the user's eye without overwhelming the screen.
What colors pair well with #5794ff for text and backgrounds?
Pair #5794ff with charcoal or deep navy tones to ground its intensity and provide a sophisticated backdrop. These dark neutrals create a professional look while ensuring the vibrant blue remains legible for accessibility requirements.
Is #5794ff readable on white or black?
#5794ff has a 2.96:1 contrast ratio on white and 7.08: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.