#5DD9D5 Hex Color

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

Hex color #5dd9d5 graphic
This bright cyan is highly saturated and leans toward a crisp, electric aesthetic. Because #5dd9d5 offers strong contrast against black text, it works well for UI buttons or alert icons that need high visibility. Use it sparingly as an accent rather than a full page background, as its intensity can easily overwhelm a layout when used in large blocks.

Questions about #5dd9d5

What is #5dd9d5 in RGB, HSL and CMYK?
In RGB, #5dd9d5 is rgb(93, 217, 213), in HSL hsl(178, 62%, 61%) and in CMYK 57%, 0%, 2%, 15%.
How should I use #5dd9d5 in a professional web layout?
#5dd9d5 works best as a surgical accent color for call-to-action buttons or status icons rather than a primary background shade. Its high saturation and luminosity can quickly overwhelm a user interface if used across large, expansive design areas.
What colors pair well with #5dd9d5 for a balanced palette?
Pair #5dd9d5 with charcoal or deep navy for high-contrast, readable text, or offset its intensity by using soft, desaturated neutrals like slate or sand. These grounded colors help manage the electric energy of the cyan while keeping the layout professional.
Is #5dd9d5 readable on white or black?
#5dd9d5 has a 1.70:1 contrast ratio on white and 12.35: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.