#1FD3CA Hex Color

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

Hex color #1fd3ca graphic
#1fd3ca is an electric, saturated teal that commands attention. Because it is highly vivid, it works best as a punchy accent color rather than a dominant background. It pairs exceptionally well with charcoal gray or muted navy, grounding the high energy. Since it maintains strong contrast against black text, the hex code #1fd3ca is a practical choice for UI elements like buttons or notification badges.

Questions about #1fd3ca

What is #1fd3ca in RGB, HSL and CMYK?
In RGB, #1fd3ca is rgb(31, 211, 202), in HSL hsl(177, 74%, 47%) and in CMYK 85%, 0%, 4%, 17%.
How should #1fd3ca be used in UI design?
Use #1fd3ca specifically for interactive elements like call-to-action buttons or notification alerts to draw user attention. Because it is so saturated, avoid using it as a large background fill, as it can overwhelm the visual hierarchy and tire the eye.
What colors pair best with #1fd3ca?
Balance the high intensity of #1fd3ca by pairing it with charcoal or deep navy. These neutral, dark tones act as an anchor, allowing the vibrancy of the teal to pop without dominating the entire design system or layout.
Is #1fd3ca readable on white or black?
#1fd3ca has a 1.87:1 contrast ratio on white and 11.22: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.