#85AFEF Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #85afef graphic
This unsaturated, airy blue sits on the lighter end of the spectrum with a cool, gentle character. Because of its reliable and clear appearance, #85afef works well in corporate branding or technology interfaces. It pairs effectively with deep charcoal text for high readability. Use this hex code as a secondary accent color to bring a touch of softness to structured, professional layouts.

Questions about #85afef

What is #85afef in RGB, HSL and CMYK?
In RGB, #85afef is rgb(133, 175, 239), in HSL hsl(216, 77%, 73%) and in CMYK 44%, 27%, 0%, 6%.
What colors pair best with #85afef for UI design?
Use #85afef alongside dark charcoal or deep navy for high-contrast, readable typography in digital interfaces. This pairing maintains a professional, trustworthy aesthetic while ensuring accessibility compliance for smaller text elements against white or light gray backgrounds.
Does #85afef read as warm or cool?
#85afef is a distinctly cool-toned blue, carrying an airy and unsaturated quality that feels clear and detached rather than cozy or warm. Because it lacks intense saturation, it effectively functions as a neutral background or accent in structured layouts.
Is #85afef readable on white or black?
#85afef has a 2.23:1 contrast ratio on white and 9.37: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.