#5680DC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5680dc is a bold, highly saturated mid-tone blue. Its intense, cool personality works well for strong UI accents or primary branding elements where security and reliability matter. Because of its saturation, it sits comfortably against clean white backgrounds. If you are mixing gray for shadows or desaturated UI elements, use this blue to keep the contrast high. The hex code for this vivid shade is #5680dc.
Questions about #5680dc
What is #5680dc in RGB, HSL and CMYK?
In RGB, #5680dc is rgb(86, 128, 220), in HSL hsl(221, 66%, 60%) and in CMYK 61%, 42%, 0%, 14%.
What colors pair best with #5680dc for a balanced UI?
Pair #5680dc with a neutral charcoal or deep slate to ground its intensity, or use a soft off-white to let the blue pop. If you need a secondary accent, a muted coral adds energy without overwhelming the primary blue.
Is #5680dc suitable for text on a white background?
This blue provides strong contrast against standard white backgrounds, making it an excellent choice for primary buttons and call-to-action elements. However, avoid using it for long-form body text, as its saturation can cause eye fatigue over extended reading periods.
Is #5680dc readable on white or black?
#5680dc has a 3.80:1 contrast ratio on white and 5.51: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.