#49CCE0 Hex Color

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

Hex color #49cce0 graphic
This bright, high-chroma cyan feels energetic and fresh, making it an excellent choice for modern UI accents. Because it is highly saturated, it commands attention and works best as a 10% pop of color against neutral palettes. The hex code #49cce0 offers enough contrast for black text to remain legible, though it can look jarring next to muted tones like those found when learning how to make gray.

Questions about #49cce0

What is #49cce0 in RGB, HSL and CMYK?
In RGB, #49cce0 is rgb(73, 204, 224), in HSL hsl(188, 71%, 58%) and in CMYK 67%, 9%, 0%, 12%.
How should I use #49cce0 in a UI design?
#49cce0 works best as a targeted accent color covering about 10 percent of your screen real estate. Because this cyan is so vibrant, using it sparingly on buttons or call-to-action elements keeps the interface energetic without overwhelming the user or causing visual fatigue.
Is #49cce0 readable on white or black?
#49cce0 has a 1.90:1 contrast ratio on white and 10.99: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.