#DEF3F6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#def3f6 is an extremely pale, bleached cyan that sits just on the edge of grey. Because of its high lightness, it functions as a refreshing, minimal alternative to white for UI backgrounds. Pair it with deep charcoal text to maintain strong contrast and readability. The hex code #def3f6 works best as a primary canvas where you want to signal cleanliness and open space without using pure white.
Questions about #def3f6
What is #def3f6 in RGB, HSL and CMYK?
In RGB, #def3f6 is rgb(222, 243, 246), in HSL hsl(188, 57%, 92%) and in CMYK 10%, 1%, 0%, 4%.
How can I use #def3f6 in UI design effectively?
#def3f6 serves best as a neutral, off-white background canvas that provides a subtle sense of calm without the harshness of pure white. It pairs excellently with charcoal or deep navy typography to maintain high readability while keeping the aesthetic open and airy.
Is #def3f6 considered a cool or warm color?
#def3f6 is distinctly cool due to its cyan-based pigment, though its high saturation makes it appear almost achromatic and greyish. This balance helps it recede visually, making it a perfect backdrop that allows other vibrant interface elements or imagery to stand out.
Is #def3f6 readable on white or black?
#def3f6 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.