#85BAF2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This breezy, pastel blue pairs well with crisp white for clean UI layouts. Because #85baf2 has high lightness and moderate saturation, it reads clearly against black text, making it a reliable choice for accessible body copy. Avoid using it as a large background block, as it can feel overwhelming; instead, use this hex code as an accent to highlight specific interactive elements.
Questions about #85baf2
What is #85baf2 in RGB, HSL and CMYK?
In RGB, #85baf2 is rgb(133, 186, 242), in HSL hsl(211, 81%, 74%) and in CMYK 45%, 23%, 0%, 5%.
How can I use #85baf2 effectively in UI design?
Use #85baf2 primarily as an interactive accent color rather than a large background block. Its high lightness works best when paired with charcoal or deep navy text to maintain clear readability while adding a soft, modern touch to buttons or navigational elements.
Is #85baf2 readable on white or black?
#85baf2 has a 2.03:1 contrast ratio on white and 10.30: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.