#B3E5F0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This very pale, unsaturated cyan provides a clean, airy base for digital interfaces. Because it lacks intensity, #b3e5f0 works best as a primary background color rather than for text or icons. It pairs effectively with deep navy or charcoal accents to create high contrast. The hex code #b3e5f0 is accessible for small body text when paired with black, ensuring legibility in web applications and UI design.
Questions about #b3e5f0
What is #b3e5f0 in RGB, HSL and CMYK?
In RGB, #b3e5f0 is rgb(179, 229, 240), in HSL hsl(191, 67%, 82%) and in CMYK 25%, 5%, 0%, 6%.
What colors pair best with #b3e5f0 in a design system?
#b3e5f0 is a neutral, cooling shade that functions best when paired with charcoal or deep navy for text and icon contrast. It creates a modern, breathable look that feels professional and easy on the eyes for web applications.
Is #b3e5f0 suitable for body text on a white background?
No, #b3e5f0 is too light to be used for body text on a white background as it fails standard accessibility contrast ratios. It should be reserved for background surfaces or decorative elements, with darker colors applied for all readable content.
Is #b3e5f0 readable on white or black?
#b3e5f0 has a 1.36:1 contrast ratio on white and 15.38: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.