#1FC8E4 Hex Color

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

Hex color #1fc8e4 graphic
This high-energy cyan commands attention with its intense, electric saturation. While the hex code #1fc8e4 works as a playful background for youth-oriented designs, its vividness can easily overpower subtle palettes. Pair it with soft charcoal or deep slate to ground the intensity. Because it offers strong contrast with black text, it serves as a highly readable, sparkling accent color for buttons or UI elements.

Questions about #1fc8e4

What is #1fc8e4 in RGB, HSL and CMYK?
In RGB, #1fc8e4 is rgb(31, 200, 228), in HSL hsl(189, 78%, 51%) and in CMYK 86%, 12%, 0%, 11%.
What colors pair best with #1fc8e4 in a design layout?
#1fc8e4 works best when grounded by dark neutrals like charcoal or deep slate to balance its intensity. Using these darker shades helps prevent the vibrant cyan from overpowering your interface while maintaining high legibility and a modern, high-contrast aesthetic.
Is #1fc8e4 suitable for body text or large background areas?
#1fc8e4 is too saturated and high-energy for long-form body text, as it causes eye strain over time. It is much more effective as a targeted accent color for interactive UI elements like buttons, toggles, or key call-to-action highlights.
Is #1fc8e4 readable on white or black?
#1fc8e4 has a 2.01:1 contrast ratio on white and 10.44: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.