#2685B6 Hex Color

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

Hex color #2685b6 graphic
#2685b6 is a moderately muted, cool blue with a slight cyan undertone and medium lightness. Its restrained saturation supports trust and reliability without feeling overly formal, making it useful for finance, healthcare, technology, and government interfaces. Use it as a supporting brand color or UI accent. Black text provides about a 5.1:1 contrast ratio, meeting WCAG AA for body text. The hex code is #2685b6.

Questions about #2685b6

What is #2685b6 in RGB, HSL and CMYK?
In RGB, #2685b6 is rgb(38, 133, 182), in HSL hsl(200, 65%, 43%) and in CMYK 79%, 27%, 0%, 29%.
What colors pair well with #2685b6?
Pair #2685b6 with charcoal or navy for a restrained professional palette, then add a warm orange accent for complementary energy or a pale blue-gray background to soften the interface and balance its cyan undertone.
Where does #2685b6 work well in a design system?
#2685b6 works well as a supporting brand color or UI accent in finance, healthcare, technology, and government interfaces, where its muted cyan-blue character communicates trust without feeling overly formal, particularly in navigation, links, and secondary actions.
Is #2685b6 readable on white or black?
#2685b6 has a 4.10:1 contrast ratio on white and 5.11:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.