#20A4CB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated cyan offers a crisp, airy feel that works best as an accent color for modern tech interfaces. While it lacks the intensity of pure pigment, its coolness provides excellent readability for small body text. Pair #20a4cb with charcoal grays or soft corals to keep designs looking professional rather than washed out. The hex code for this cool tone is #20a4cb.
Questions about #20a4cb
What is #20a4cb in RGB, HSL and CMYK?
In RGB, #20a4cb is rgb(32, 164, 203), in HSL hsl(194, 73%, 46%) and in CMYK 84%, 19%, 0%, 20%.
What colors pair well with #20a4cb for a professional UI?
#20a4cb pairs best with deep charcoal or soft neutral grays to maintain high contrast and readability. You can also incorporate accents of soft coral or peach to add warmth without disrupting the professional, cool aesthetic of your interface.
Is #20a4cb suitable for small body text?
Yes, #20a4cb works surprisingly well for small body text because it lacks the jarring intensity of more saturated blues. However, you should always check your final contrast ratios against dark backgrounds to ensure it meets standard accessibility requirements for long-form reading.
Is #20a4cb readable on white or black?
#20a4cb has a 2.90:1 contrast ratio on white and 7.23: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.