#3CD8C6 Hex Color

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

Hex color #3cd8c6 graphic
Bright, high-saturation #3cd8c6 projects a crisp, electrified presence that commands attention without feeling aggressive. This teal shade acts as an excellent accent color for UI elements or call-to-action buttons. It carries significant chroma, so use it sparingly to avoid overwhelming your composition. Because it sits clearly between green and blue, learning how to make gray can help you mute this hex code for more subtle pairings.

Questions about #3cd8c6

What is #3cd8c6 in RGB, HSL and CMYK?
In RGB, #3cd8c6 is rgb(60, 216, 198), in HSL hsl(173, 67%, 54%) and in CMYK 72%, 0%, 8%, 15%.
How can I balance the high intensity of #3cd8c6 in a design?
Use #3cd8c6 sparingly as an accent rather than a primary background to prevent eye fatigue. It pairs exceptionally well with neutral grounding colors like charcoal or a deep navy to anchor its electric brightness.
Does #3cd8c6 work well as a primary text color?
Generally, avoid using #3cd8c6 for body text because its high chroma makes it difficult to read against most standard backgrounds. It is best reserved for UI elements like buttons, icons, or secondary decorative accents.
Is #3cd8c6 readable on white or black?
#3cd8c6 has a 1.77:1 contrast ratio on white and 11.82: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.