#CAF7FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous, pastel cyan serves as an airy base for UI design. Because it sits close to white, use the hex code #caf7ff as a background when you need softness without sacrificing legibility. Black text offers excellent contrast here, making it a functional choice for body copy. It pairs best with charcoal or deep navy accents to ground the composition.
Questions about #caf7ff
What is #caf7ff in RGB, HSL and CMYK?
In RGB, #caf7ff is rgb(202, 247, 255), in HSL hsl(189, 100%, 90%) and in CMYK 21%, 3%, 0%, 0%.
Does #caf7ff work well as a primary background color?
#caf7ff functions best as a subtle, airy background that keeps UI elements readable without straining the eyes. Because it sits so close to white, you should pair it with high-contrast text like charcoal or deep navy to ensure accessibility remains high for your users.
Which color palettes complement #caf7ff effectively?
Is #caf7ff readable on white or black?
#caf7ff has a 1.15:1 contrast ratio on white and 18.25: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.