#58B8F1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This sky-toned blue reads as friendly and approachable without feeling overly saturated. It functions well as a dominant base for modern UI, particularly in healthcare or tech interfaces where clarity is a priority. Pair #58b8f1 with charcoal or soft slate grays to anchor its inherent brightness. Because black text maintains excellent contrast against this hex code, it remains readable for both headlines and small body copy.
Questions about #58b8f1
What is #58b8f1 in RGB, HSL and CMYK?
In RGB, #58b8f1 is rgb(88, 184, 241), in HSL hsl(202, 85%, 65%) and in CMYK 63%, 24%, 0%, 5%.
What colors pair best with #58b8f1 for UI design?
#58b8f1 pairs exceptionally well with deep charcoal or soft slate grays to provide necessary contrast and visual grounding. For a more vibrant approach, using a complementary coral or warm orange can create an energetic, balanced interface design.
Is #58b8f1 readable on white or black?
#58b8f1 has a 2.20:1 contrast ratio on white and 9.54: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.