#20D3EE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #20d3ee when a layout needs a jolt of cool energy. This bright cyan sits light and fully saturated, so it sparkles on dark backgrounds in buttons, links, and tech branding. It washes out next to white, so treat it as an accent rather than a base. Black text passes contrast on it easily at about 11.6:1. For muted support tones, mixing gray from its complement keeps the palette balanced.
Questions about #20d3ee
What is #20d3ee in RGB, HSL and CMYK?
In RGB, #20d3ee is rgb(32, 211, 238), in HSL hsl(188, 86%, 53%) and in CMYK 87%, 11%, 0%, 7%.
What colors pair well with #20d3ee?
Deep navy and charcoal ground its brightness, while a warm coral accent adds contrast without clashing. Avoid pale pastels, since they make this cyan look washed out.
Is #20d3ee readable on white or black?
#20d3ee has a 1.80:1 contrast ratio on white and 11.61: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.