#3ACAD4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3acad4 is a bright, saturated cyan that feels energetic without being neon. Because of its high chroma, it works best as an accent color for UI elements or buttons rather than a full-page background, where it can overpower other content. Pair this shade with dark grays or charcoal when you need to avoid mixing gray tones that look muddy. Black text remains highly readable over this hex code.
Questions about #3acad4
What is #3acad4 in RGB, HSL and CMYK?
In RGB, #3acad4 is rgb(58, 202, 212), in HSL hsl(184, 64%, 53%) and in CMYK 73%, 5%, 0%, 17%. Browse more shades of blue with names and hex codes.
What are the best color pairings for #3acad4?
Since #3acad4 is highly saturated and energetic, it pairs best with dark neutrals like charcoal or deep slate to anchor the design. These dark bases prevent the cyan from feeling overwhelming while ensuring the UI elements remain clearly defined and accessible.
Should #3acad4 be used as a background color?
It is generally better to use #3acad4 as an accent rather than a full-page background because its high chroma can quickly tire the eyes. Reserve this shade for buttons, call-to-action elements, or small highlights where you need to draw immediate user attention.
Is #3acad4 readable on white or black?
#3acad4 has a 1.98:1 contrast ratio on white and 10.57: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.