#3CA7C1 Hex Color

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

Hex color #3ca7c1 graphic
#3ca7c1 is a cool, unsaturated cyan that sits comfortably between blue and green. This shade offers excellent readability for black text, making it a reliable choice for UI design or accessibility-conscious layouts. Because it feels refreshing and professional, use it as an accent rather than a dominant background. If you need to tone down its brightness, understanding how to make gray can help balance your palette. The hex code for this color is #3ca7c1.

Questions about #3ca7c1

What is #3ca7c1 in RGB, HSL and CMYK?
In RGB, #3ca7c1 is rgb(60, 167, 193), in HSL hsl(192, 53%, 50%) and in CMYK 69%, 13%, 0%, 24%.
Which colors pair best with the #3ca7c1 cyan?
For a balanced palette, pair #3ca7c1 with a deep charcoal or dark gray to ground the vibrancy, or use warm coral tones to create a striking complementary contrast. These pairings highlight the cool, unsaturated nature of the cyan while keeping the design cohesive.
Is #3ca7c1 readable on white or black?
#3ca7c1 has a 2.80:1 contrast ratio on white and 7.48: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.