#F0FAFE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f0fafe presents as a barely-there cyan with strong grey neutrality. This shade functions best as a crisp UI background or a subtle alternative to pure white. It maintains high contrast with black text, ensuring excellent readability for digital projects. The hex code #f0fafe works well in healthcare or tech branding where a fresh, sterile aesthetic is required for visual clarity.
Questions about #f0fafe
What is #f0fafe in RGB, HSL and CMYK?
In RGB, #f0fafe is rgb(240, 250, 254), in HSL hsl(197, 88%, 97%) and in CMYK 6%, 2%, 0%, 0%.
How should I use #f0fafe in UI design projects?
#f0fafe is an excellent choice for backgrounds where you want more personality than standard white without overwhelming the eye. It creates a sterile, modern aesthetic that pairs exceptionally well with charcoal or deep navy text for high readability.
Does #f0fafe read as a warm or cool color?
#f0fafe reads as a distinctly cool color due to its strong cyan and blue undertones. Because of this, it can feel refreshing and clinical, making it a common choice for healthcare interfaces or tech products that need to project clarity and focus.
Is #f0fafe readable on white or black?
#f0fafe has a 1.06:1 contrast ratio on white and 19.81: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.