Blue Grotto
Online color picker to view shades, tints, color codes, and complementary colors
Blue Grotto is a muted, desaturated cyan that feels professional and steady. Because it carries a significant cool undertone, it avoids appearing childish or overly bright. Use #50a2ca as a supporting accent in technical or security interfaces to convey stability. It pairs well with dark charcoals and slate grays, providing enough contrast to maintain legibility while anchoring a minimalist color palette.
Questions about Blue Grotto
What is the hex code for Blue Grotto?
Blue Grotto is #50a2ca. In RGB that is rgb(80, 162, 202), in HSL hsl(200, 54%, 55%) and in CMYK 60%, 20%, 0%, 21%.
Where should Blue Grotto #50a2ca be used in design?
Use #50a2ca as a supporting accent in technical or security interfaces to convey stability and focus. Because it is desaturated, it effectively guides user attention without overpowering the main content or distracting from critical information in dashboard layouts.
Which colors pair best with #50a2ca?
This shade works well when paired with dark charcoal or slate grays to create a clean, minimalist contrast. You can also ground the color by using it alongside crisp whites, which helps maintain legibility while highlighting its cool, steady undertones.
Is Blue Grotto readable on white or black?
Blue Grotto has a 2.85:1 contrast ratio on white and 7.36: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.