#80BBDB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty blue is desaturated and cool, making it a reliable choice for UI backgrounds where readability is a priority. Because it contains gray undertones, it feels less aggressive than primary blues. If you are wondering about mixing gray, this shade demonstrates how subtle muting works. The hex code #80bbdb pairs well with charcoal text, as the contrast remains excellent for small, accessible body copy.
Questions about #80bbdb
What is #80bbdb in RGB, HSL and CMYK?
In RGB, #80bbdb is rgb(128, 187, 219), in HSL hsl(201, 56%, 68%) and in CMYK 42%, 15%, 0%, 14%.
What colors pair best with #80bbdb in a UI design?
#80bbdb works exceptionally well with charcoal or dark navy for text, as these deep neutrals maintain high readability and professional contrast. You can also introduce soft creams or crisp whites to keep the interface feeling open and airy.
Is #80bbdb considered a warm or cool color?
#80bbdb is firmly in the cool category, leaning into a soft, atmospheric blue spectrum. Its gray undertones prevent it from feeling too vibrant or energetic, making it an ideal choice for calm, wellness-focused, or professional interface designs.
Is #80bbdb readable on white or black?
#80bbdb has a 2.08:1 contrast ratio on white and 10.04: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.