#3AACED Hex Color

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

Hex color #3aaced graphic
#3aaced is a high-chroma cyan that commands attention without feeling aggressive. Its vivid saturation makes it effective for tech branding or security dashboards. While it works well as a supporting accent, it can overwhelm large surfaces. For optimal readability, pair this hex code with black text, as the contrast ratio is exceptionally high.

Questions about #3aaced

What is #3aaced in RGB, HSL and CMYK?
In RGB, #3aaced is rgb(58, 172, 237), in HSL hsl(202, 83%, 58%) and in CMYK 76%, 27%, 0%, 7%. Browse more shades of blue with names and hex codes.
Is #3aaced appropriate for large blocks of text?
No, the intense saturation of #3aaced makes it difficult to read in large blocks of body text. It is far more effective as an accent color for call-to-action buttons or navigation highlights where you need to draw the eye immediately.
What colors balance the intensity of #3aaced?
Pair #3aaced with a deep charcoal or matte black to ground its high-energy appearance. These neutral darks create a necessary visual anchor that prevents the cyan from looking overwhelming when used on large screen surfaces.
Is #3aaced readable on white or black?
#3aaced has a 2.52:1 contrast ratio on white and 8.30: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.