#DEF1FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Fintech dashboards and patient portals often start with this pale blue as a base tint. Its hex code is #def1ff, a luminous shade that sits close to white with a grey undertone. Black text reads clearly on it at about 18.1:1 contrast, so small body copy is safe. Pair it with slate or deep teal, since next to pure white it can look washed out.
Questions about #def1ff
What is #def1ff in RGB, HSL and CMYK?
In RGB, #def1ff is rgb(222, 241, 255), in HSL hsl(205, 100%, 94%) and in CMYK 13%, 5%, 0%, 0%.
What colors pair well with #def1ff?
Slate, deep teal, and navy all sit comfortably next to #def1ff because their depth balances its lightness. A warm accent like terracotta keeps the palette from feeling clinical.
Is #def1ff readable on white or black?
#def1ff has a 1.15:1 contrast ratio on white and 18.13: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.