#CAF0F6 Hex Color
A luminous and airy pale cyan
This pale cyan is incredibly light and airy, offering a soft, luminous quality. Because of its high lightness, #caf0f6 works best as a primary background color rather than for fine text. It pairs beautifully with charcoal or deep navy for high-contrast, professional interfaces. The hex code for this tint is #caf0f6, which supports black text comfortably if you need to prioritize readability.
Questions about #caf0f6
What is #caf0f6 in RGB, HSL and CMYK?
In RGB, #caf0f6 is rgb(202, 240, 246), in HSL hsl(188, 71%, 88%) and in CMYK 18%, 2%, 0%, 4%.
How can I effectively use #caf0f6 in UI design?
Does #caf0f6 have a warm or cool undertone?
#caf0f6 carries a distinctively cool undertone, typical of cyan-based tints. This quality gives it a crisp, refreshing, and clinical feel that works well in wellness, tech, or medical-themed branding projects where cleanliness is a priority.
Is #caf0f6 readable on white or black?
#caf0f6 has a 1.21:1 contrast ratio on white and 17.30: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.