#65B6E1 Hex Color

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

Hex color #65b6e1 graphic
#65b6e1 is a light, muted blue with cool gray undertones and a gentle pastel quality. Its softness supports healthcare, finance, security, and spring-themed designs without feeling childish. Use it as a broad UI background or supporting brand tone, pairing it with deep navy for structure. Black text remains highly readable, with about a 9.3:1 contrast ratio. The hex code is #65b6e1.

Questions about #65b6e1

What is #65b6e1 in RGB, HSL and CMYK?
In RGB, #65b6e1 is rgb(101, 182, 225), in HSL hsl(201, 67%, 64%) and in CMYK 55%, 19%, 0%, 12%.
What colors pair well with #65b6e1?
Deep navy adds structure and strong contrast to #65b6e1, while white keeps layouts airy and pale blue-gray or soft gray creates a quieter palette without making the design feel harsh or flat. Use the light blue for backgrounds and darker tones for headings, icons, or buttons.
Does #65b6e1 look warm or cool?
#65b6e1 reads as a cool, muted blue because its blue channel is strongest and its gray undertones soften the pastel quality, giving it a calm, dependable appearance rather than a bright or icy one. It suits healthcare, finance, security, and spring-themed interfaces.
Is #65b6e1 readable on white or black?
#65b6e1 has a 2.25:1 contrast ratio on white and 9.33: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.