#CAFFEE Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #caffee graphic
A luminous, pale mint with heavy white saturation, #caffee offers a clean and airy aesthetic. This hex code works best as a primary background in wellness interfaces where high-contrast black text is necessary for readability. It pairs unexpectedly well with deep charcoal or muted cocoa to ground its high brightness. Use it sparingly, as this tone can feel clinical or washed out when applied too broadly.

Questions about #caffee

What is #caffee in RGB, HSL and CMYK?
In RGB, #caffee is rgb(202, 255, 238), in HSL hsl(161, 100%, 90%) and in CMYK 21%, 0%, 7%, 0%.
Does #caffee work well as a primary text color?
Using #caffee as a primary text color is generally discouraged because its extreme brightness creates poor contrast against standard white backgrounds. Instead, pair it with deep charcoal or dark cocoa text to ensure your content remains readable and accessible.
What design aesthetic does #caffee best support?
This shade conveys a clean, clinical, and airy mood that thrives in wellness branding or minimalist digital interfaces. Its high white saturation keeps layouts feeling open and light, preventing the heavy, cluttered appearance often found in more saturated green hues.
Is #caffee readable on white or black?
#caffee has a 1.10:1 contrast ratio on white and 19.04: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.