#60A7E5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#60a7e5 is a clear, mid-tone sky blue with enough saturation to avoid looking washed out. Because it provides high contrast with black text, it functions effectively as a background color for readable UI interfaces. Pair this blue with soft creams or warm grays to soften its technological edge. The hex code for this shade is #60a7e5.
Questions about #60a7e5
What is #60a7e5 in RGB, HSL and CMYK?
In RGB, #60a7e5 is rgb(96, 167, 229), in HSL hsl(208, 72%, 64%) and in CMYK 58%, 27%, 0%, 10%.
How does #60a7e5 perform in interface design?
#60a7e5 functions effectively as a background color for readable UI interfaces because it offers high contrast against black text. It provides enough saturation to stay vibrant without looking washed out or overly digital in most screen applications.
Which colors create a balanced palette with #60a7e5?
Pair #60a7e5 with warm gray or creamy white to successfully soften its technological edge. For a more contrasting or complementary approach, consider adding subtle touches of terracotta to balance the coolness of the blue.
Is #60a7e5 readable on white or black?
#60a7e5 has a 2.57:1 contrast ratio on white and 8.15: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.