#5E8CF2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, vivid blue commands attention with its intense, beaming energy. It works well as a high-contrast accent for tech and finance interfaces, providing readability when paired with black text. Because #5e8cf2 is so bold, avoid using it for large background blocks, as it can easily overwhelm the eye. Instead, use this hex code for buttons or calls to action to drive user focus.
Questions about #5e8cf2
What is #5e8cf2 in RGB, HSL and CMYK?
In RGB, #5e8cf2 is rgb(94, 140, 242), in HSL hsl(221, 85%, 66%) and in CMYK 61%, 42%, 0%, 5%.
How can I effectively use #5e8cf2 in a UI design?
Because #5e8cf2 is highly saturated and intense, use it sparingly for interactive elements like buttons or primary call to action components. Avoid using it for large background blocks or text, as its high energy can easily cause eye strain.
Which colors create a balanced scheme with #5e8cf2?
This vibrant blue pairs well with neutral charcoal or dark gray tones to keep your design grounded. To create a modern, high-contrast interface, use white text on top of this color to ensure clear readability and professional visual impact.
Is #5e8cf2 readable on white or black?
#5e8cf2 has a 3.22:1 contrast ratio on white and 6.50: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.