#20B2E7 Hex Color

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

Hex color #20b2e7 graphic
This sky blue is highly saturated and clean, projecting a sense of professional reliability. Because it is so vivid, it works best as an accent color for UI elements like buttons or notification badges rather than a full background. The hex code #20b2e7 maintains excellent contrast with black text, making it a functional choice for clear, legible layouts in tech or finance applications.

Questions about #20b2e7

What is #20b2e7 in RGB, HSL and CMYK?
In RGB, #20b2e7 is rgb(32, 178, 231), in HSL hsl(196, 81%, 52%) and in CMYK 86%, 23%, 0%, 9%.
Where should I use the #20b2e7 hex color in my design?
This highly saturated blue is best suited for call-to-action buttons or interface notification badges rather than large backgrounds. Because #20b2e7 is so vivid, it draws immediate attention, making it perfect for elements that require a user's focus.
Is #20b2e7 readable on white or black?
#20b2e7 has a 2.44:1 contrast ratio on white and 8.58: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.