#3ACCE2 Hex Color

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

Hex color #3acce2 graphic
#3acce2 is a bright, high-chroma cyan that feels energetic and youthful. Because it maintains high contrast, this shade works well as a dominant UI background or a punchy accent color in modern tech interfaces. Pair it with dark grays rather than white to avoid a washed-out appearance. The hex code for this cool, stimulating blue is #3acce2.

Questions about #3acce2

What is #3acce2 in RGB, HSL and CMYK?
In RGB, #3acce2 is rgb(58, 204, 226), in HSL hsl(188, 74%, 56%) and in CMYK 74%, 10%, 0%, 11%.
What colors pair best with #3acce2 in web design?
#3acce2 works best when paired with dark, neutral tones like charcoal or deep navy to prevent the design from feeling washed out. Because #3acce2 is so high-chroma, it needs a grounded, dark anchor to balance its natural, energetic intensity.
Is #3acce2 readable on white or black?
#3acce2 has a 1.92:1 contrast ratio on white and 10.91: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.