#20A0CD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This medium-saturation cyan sits comfortably between a bright sky blue and a cooler oceanic tone. Because it offers strong contrast against black text, it functions effectively for UI components like buttons or navigation bars. Use #20a0cd as a supporting accent in corporate or tech palettes to maintain a professional, reliable appearance. Avoid using it as a dominant background color, as it can feel overwhelming over large surface areas.
Questions about #20a0cd
What is #20a0cd in RGB, HSL and CMYK?
In RGB, #20a0cd is rgb(32, 160, 205), in HSL hsl(196, 73%, 46%) and in CMYK 84%, 22%, 0%, 20%.
Where is #20a0cd best used in interface design?
#20a0cd serves as a highly functional accent color for interactive elements like primary buttons, navigation links, or status indicators. Its medium saturation ensures it stands out against dark or black text without creating the visual fatigue associated with brighter, neon-adjacent tones.
Which colors complement #20a0cd well?
This cyan pairs naturally with neutral grays for a corporate look or high-contrast charcoal for better accessibility in text-heavy layouts. For a modern tech aesthetic, try balancing it against warm, muted oranges to create a vibrant, complementary tension that keeps the UI feeling grounded.
Is #20a0cd readable on white or black?
#20a0cd has a 3.01:1 contrast ratio on white and 6.97:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.