#2A97B8 Hex Color

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

Hex color #2a97b8 graphic
Unsaturated and cool, #2a97b8 carries a sharp, refreshing energy that suits technology and communication interfaces. Because this shade holds enough contrast for small text, it works well as a primary brand color or a bold CTA button. Designers often pair this cyan with darker charcoals rather than pure black. If you need to desaturate the hue further, check how to make gray for specific mixing techniques. The hex code for this cyan is #2a97b8.

Questions about #2a97b8

What is #2a97b8 in RGB, HSL and CMYK?
In RGB, #2a97b8 is rgb(42, 151, 184), in HSL hsl(194, 63%, 44%) and in CMYK 77%, 18%, 0%, 28%.
Which colors pair best with #2a97b8?
This vibrant cyan pairs effectively with deep charcoal or slate grays, which ground its brightness without the harshness of pure black. For a lively, modern contrast, try pairing #2a97b8 with soft warm neutrals like cream or sand, which highlight its cool, aquatic undertones.
Is #2a97b8 readable on white or black?
#2a97b8 has a 3.37:1 contrast ratio on white and 6.21: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.