#76ACC6 Hex Color

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

Hex color #76acc6 graphic
This dusty, unsaturated blue feels approachable and steady, making it a reliable choice for professional UI design. Because it lacks intensity, #76acc6 works well as a grounding background color that does not compete with other elements. It pairs surprisingly well with sharp, dark charcoals, which provide necessary contrast. The hex code #76acc6 maintains excellent readability with black text, ensuring accessibility in digital applications.

Questions about #76acc6

What is #76acc6 in RGB, HSL and CMYK?
In RGB, #76acc6 is rgb(118, 172, 198), in HSL hsl(200, 41%, 62%) and in CMYK 40%, 13%, 0%, 22%.
What colors pair best with #76acc6 for UI design?
#76acc6 works best when grounded by deep, neutral tones that provide visual weight. Try pairing it with charcoal or slate gray for a professional contrast that maintains readability while ensuring the blue feels modern and deliberate.
Is #76acc6 readable on white or black?
#76acc6 has a 2.47:1 contrast ratio on white and 8.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.