#CCFFF4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous, highly unsaturated mint-teal brings a refreshing chill to digital interfaces. Because #ccfff4 is extremely light, it works best as a subtle background or a clean secondary accent rather than for large blocks of text. Pair it with dark charcoal or deep navy for high-contrast clarity in wellness apps or tech dashboards. The hex code for this cool tone is #ccfff4.
Questions about #ccfff4
What is #ccfff4 in RGB, HSL and CMYK?
In RGB, #ccfff4 is rgb(204, 255, 244), in HSL hsl(167, 100%, 90%) and in CMYK 20%, 0%, 4%, 0%.
What colors pair best with #ccfff4 in UI design?
Is #ccfff4 suitable for body text or important interface elements?
Using #ccfff4 for large blocks of text or critical interface elements is not recommended because the color lacks sufficient contrast against standard white backgrounds. Reserve this shade for background fills, subtle borders, or secondary accents to keep your digital projects accessible and easy to read.
Is #ccfff4 readable on white or black?
#ccfff4 has a 1.09:1 contrast ratio on white and 19.17: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.