#B0E3F3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel cyan is light, airy, and distinctly cool. Because it is highly unsaturated, #b0e3f3 functions best as a spacious background color rather than a primary branding element. It provides excellent contrast for black text, ensuring readability in UI designs. Pair it with deep charcoal or warm slate grays to ground the color and avoid a washed-out appearance on screen.
Questions about #b0e3f3
What is #b0e3f3 in RGB, HSL and CMYK?
In RGB, #b0e3f3 is rgb(176, 227, 243), in HSL hsl(194, 74%, 82%) and in CMYK 28%, 7%, 0%, 5%.
What colors pair well with #b0e3f3 in a design?
Because #b0e3f3 is a very light, unsaturated cyan, it requires darker colors to create visual weight. Pair it with deep charcoal or warm slate grays to ground the color and prevent it from appearing washed out on screen.
Is #b0e3f3 suitable for text on a white background?
Using #b0e3f3 as text against a white background will fail accessibility standards for readability. It functions much better as a subtle background color itself, providing excellent contrast for darker text like black or deep navy.
Is #b0e3f3 readable on white or black?
#b0e3f3 has a 1.38:1 contrast ratio on white and 15.12: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.