#BAF1F6 Hex Color

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

Hex color #baf1f6 graphic
This luminous cyan is extremely unsaturated and reads cool, bringing a weightless feel to any design. Because it sits on the lighter end of the spectrum, #baf1f6 works best as a soft background rather than a main color. It provides excellent legibility for black text with a 17.0:1 contrast ratio. Pair it with deep charcoal or slate grays to keep the aesthetic professional and modern.

Questions about #baf1f6

What is #baf1f6 in RGB, HSL and CMYK?
In RGB, #baf1f6 is rgb(186, 241, 246), in HSL hsl(185, 77%, 85%) and in CMYK 24%, 2%, 0%, 4%.
How should I use #baf1f6 in a web design interface?
#baf1f6 functions best as a soft background color rather than an accent or primary brand element. Because of its extreme lightness, it provides excellent legibility for charcoal or deep slate text, maintaining high accessibility standards for UI.
Is #baf1f6 considered a warm or cool color?
#baf1f6 is firmly on the cool side of the spectrum, sitting between blue and green. This specific cyan undertone evokes a sense of clarity and cleanliness, which makes it an ideal choice for wellness, medical, or spa-inspired design aesthetics.
Is #baf1f6 readable on white or black?
#baf1f6 has a 1.23:1 contrast ratio on white and 17.00: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.