#3AE8E0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright cyan is highly saturated and glows with an electric, cool energy. Because it is so intense, #3ae8e0 works best as a punchy accent color rather than a main background. It pairs exceptionally well with deep charcoal grays to ground its sparkling, modern character. Designers use this hex code to inject clarity into wellness or tech interfaces without feeling overwhelming.
Questions about #3ae8e0
What is #3ae8e0 in RGB, HSL and CMYK?
In RGB, #3ae8e0 is rgb(58, 232, 224), in HSL hsl(177, 79%, 57%) and in CMYK 75%, 0%, 3%, 9%.
What colors pair well with #3ae8e0?
Deep charcoal or slate grays provide the best grounding for #3ae8e0, balancing its high energy with a serious, readable contrast. Adding a crisp white or a very dark navy can further define its sparkling, modern character for clean user interfaces.
How should #3ae8e0 be used in design layouts?
This color acts best as a punchy accent rather than a main background because of its extreme saturation. Use #3ae8e0 to highlight call-to-action buttons or navigation icons where you need to draw the eye immediately without overwhelming the viewer.
Is #3ae8e0 readable on white or black?
#3ae8e0 has a 1.52:1 contrast ratio on white and 13.79: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.