#20B7C5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#20b7c5 is a high-saturation cyan with a crisp, aquatic quality. This shade is perfect for attention-grabbing UI elements and call-to-action buttons. Since black text provides excellent contrast against this tone, it remains highly readable in web interfaces. Use the hex code #20b7c5 as a lively accent rather than a dominant background to avoid overwhelming your design composition.
Questions about #20b7c5
What is #20b7c5 in RGB, HSL and CMYK?
In RGB, #20b7c5 is rgb(32, 183, 197), in HSL hsl(185, 72%, 45%) and in CMYK 84%, 7%, 0%, 23%. Browse more shades of blue with names and hex codes.
What makes #20b7c5 an effective color for interface design?
#20b7c5 provides excellent visibility against dark backgrounds, making it ideal for call-to-action buttons or alert highlights where you need immediate user attention. Because it is highly saturated, it works best as a focused accent rather than a large background field.
Is #20b7c5 readable on white or black?
#20b7c5 has a 2.43:1 contrast ratio on white and 8.64: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.