#66CCCC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Petrichor is a cool, unsaturated cyan with an airy, almost electric quality. Because this shade reads with high contrast against black text, it performs well for UI backgrounds and clear communication design. Use #66cccc as a dominant base for tech or productivity brands, but pair it with deep charcoals to avoid a washed out appearance. This hex code brings a refreshing, youthful energy to digital interfaces.
Questions about Petrichor
What is the hex code for Petrichor?
Petrichor is #66cccc. In RGB that is rgb(102, 204, 204), in HSL hsl(180, 50%, 60%) and in CMYK 50%, 0%, 0%, 20%.
What colors pair best with #66cccc for UI design?
Use deep, dark neutrals like charcoal or near-black to anchor the lightness of #66cccc without creating visual fatigue. This high-contrast pairing prevents the cyan from feeling washed out and ensures text remains highly legible on digital screens.
Is Petrichor readable on white or black?
Petrichor has a 1.89:1 contrast ratio on white and 11.07: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.