#659EB9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue carries a cool, muted tone that feels professional and steady. Because it is highly readable against black text, it works well as a reliable base for corporate UI or healthcare applications. Pair it with soft, warm grays to avoid a sterile look. The hex code for this shade is #659eb9, and it performs best as a dominant background color rather than a small accent.
Questions about #659eb9
What is #659eb9 in RGB, HSL and CMYK?
In RGB, #659eb9 is rgb(101, 158, 185), in HSL hsl(199, 38%, 56%) and in CMYK 45%, 15%, 0%, 27%. Browse more shades of blue with names and hex codes.
When should I use #659eb9 in UI design?
Use #659eb9 as a primary background color when you need to convey reliability and calmness without visual strain. It works effectively for professional dashboards or medical interfaces because its muted tone remains highly readable when paired with sharp, dark text.
What color combinations work best with #659eb9?
Pair #659eb9 with warm, neutral grays to balance its inherent coolness and prevent the design from feeling sterile or cold. Integrating accents of charcoal or soft off-white helps anchor this blue, creating a sophisticated and balanced visual hierarchy for modern web layouts.
Is #659eb9 readable on white or black?
#659eb9 has a 2.93:1 contrast ratio on white and 7.14: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.