#B0FFFF Hex Color

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

Hex color #b0ffff graphic
A pale, luminous cyan. #b0ffff sits so close to white that it works best as a background, not an accent, in kids’ products, spring themes, and tech interfaces. Its unsaturated lightness feels soft and refreshing. Just know it can wash out against pure white, so frame it with a deeper tone. The hex code #b0ffff carries black text cleanly at about 18.6:1 contrast.

Questions about #b0ffff

What is #b0ffff in RGB, HSL and CMYK?
In RGB, #b0ffff is rgb(176, 255, 255), in HSL hsl(180, 100%, 85%) and in CMYK 31%, 0%, 0%, 0%.
What text color works best on #b0ffff?
Black text is the clear winner, with a contrast ratio of about 18.6:1 against #b0ffff. That clears WCAG AA for small body text easily. Darker tones like charcoal also read well if pure black feels too harsh.
What colors pair well with #b0ffff?
Deep navy grounds its pale lightness for tech and aerospace palettes, while coral adds warmth for spring and children's designs. Both fix its main weakness: fading next to white.
Is #b0ffff readable on white or black?
#b0ffff has a 1.12:1 contrast ratio on white and 18.59: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.