#5D8AE6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, saturated blue reads as dependable and professional. Because it maintains a 6.2:1 contrast ratio against black text, it works well for UI buttons or data-heavy interfaces where legibility matters. Avoid pairing #5d8ae6 with overly bright pastels, as it tends to wash them out. Instead, use this hex code as a 30% supporting tone alongside deep charcoal grays or crisp whites.
Questions about #5d8ae6
What is #5d8ae6 in RGB, HSL and CMYK?
In RGB, #5d8ae6 is rgb(93, 138, 230), in HSL hsl(220, 73%, 63%) and in CMYK 60%, 40%, 0%, 10%.
When should I use #5d8ae6 in my UI design?
Because #5d8ae6 maintains a high contrast ratio against dark text, it serves as an ideal choice for primary UI buttons or data-heavy interfaces. It provides a dependable, professional look that stands out without overwhelming your layout when used as an accent.
Which colors best complement #5d8ae6?
This blue works best as a supporting tone alongside charcoal grays or clean whites, which keep the interface feeling grounded. Avoid pairing it with bright, saturated pastels, as #5d8ae6 can easily wash them out and reduce their visual impact.
Is #5d8ae6 readable on white or black?
#5d8ae6 has a 3.36:1 contrast ratio on white and 6.24: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.