#2AAFC7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated cyan acts as a stable anchor for modern UI design. Because #2aafc7 maintains high contrast with black text, it works well as a primary button color or header accent rather than a full background. Pair this hex code with soft charcoal or warm grays to avoid a sterile, clinical look. It provides a refreshing visual lift for technology and communication branding.
Questions about #2aafc7
What is #2aafc7 in RGB, HSL and CMYK?
In RGB, #2aafc7 is rgb(42, 175, 199), in HSL hsl(189, 65%, 47%) and in CMYK 79%, 12%, 0%, 22%.
What colors pair best with #2aafc7 in professional design?
#2aafc7 pairs beautifully with charcoal or deep slate grays, which ground the color and prevent it from appearing too clinical. For a warmer, friendlier look, try balancing this cyan against soft warm gray tones rather than stark white.
Is #2aafc7 suitable for text on a white background?
#2aafc7 is generally too light to meet standard accessibility requirements for small body text on white. It is best utilized as a distinct accent, primary button, or graphical element, where its brightness provides excellent contrast against dark backgrounds.
Is #2aafc7 readable on white or black?
#2aafc7 has a 2.60:1 contrast ratio on white and 8.05: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.