#60DDF1 Hex Color

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

Hex color #60ddf1 graphic
This bright, high-chroma cyan feels fresh and sparkling. Because #60ddf1 is so saturated, it works best as an accent color for UI elements or playful branding rather than a full background. It provides excellent contrast for black text, ensuring readability. If you need to tone down its intensity, learning how to make gray can help you create balanced, muted palettes that integrate this hex code smoothly.

Questions about #60ddf1

What is #60ddf1 in RGB, HSL and CMYK?
In RGB, #60ddf1 is rgb(96, 221, 241), in HSL hsl(188, 84%, 66%) and in CMYK 60%, 8%, 0%, 5%.
Where should I use #60ddf1 in a user interface?
#60ddf1 is a highly saturated accent color that draws immediate attention, so it is perfect for primary call-to-action buttons or notifications. Avoid using it as a text color on white backgrounds, as it lacks the necessary contrast for comfortable reading.
What colors pair well with the brightness of #60ddf1?
This vibrant cyan balances effectively when placed against deep neutrals like charcoal or navy. These dark, grounding tones prevent the high energy of #60ddf1 from overwhelming your layout while maintaining a clean, professional aesthetic for modern designs.
Is #60ddf1 readable on white or black?
#60ddf1 has a 1.60:1 contrast ratio on white and 13.11: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.