#DEFEFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous, near-white shade carries subtle cyan undertones that prevent it from appearing flat. Because it feels sterile and light, #defeff works best as a primary background for clean, minimal UI designs. It provides excellent readability for black text, though it can appear washed out if paired with other very pale hues. Use this hex code to establish a sense of modern, clinical clarity in your projects.
Questions about #defeff
What is #defeff in RGB, HSL and CMYK?
In RGB, #defeff is rgb(222, 254, 255), in HSL hsl(182, 100%, 94%) and in CMYK 13%, 0%, 0%, 0%.
When should I use #defeff in UI design?
#defeff works best as a primary background color when you need a bright, sterile, and minimal aesthetic. It provides high contrast for dark text, ensuring excellent readability while maintaining a clean, modern look for your interface projects.
Which colors pair well with #defeff?
This near-white shade pairs beautifully with charcoal or deep navy text for a professional, high-contrast look. Avoid pairing it with other extremely pale hues, as they may appear washed out or muddy against its light cyan base.
Is #defeff readable on white or black?
#defeff has a 1.06:1 contrast ratio on white and 19.72: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.