#7BADC4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, dusty blue balances a cooling cyan undertone with a muted gray cast. Because it is highly readable against black text, the hex code #7badc4 functions well as a reliable background for UI design or corporate dashboards. It feels airy and professional, though it can appear washed out against pure white. Pair it with deep charcoal or warm slate to add necessary contrast.
Questions about #7badc4
What is #7badc4 in RGB, HSL and CMYK?
In RGB, #7badc4 is rgb(123, 173, 196), in HSL hsl(199, 38%, 63%) and in CMYK 37%, 12%, 0%, 23%.
What colors pair well with #7badc4 in a design layout?
Because #7badc4 has a muted, gray-leaning profile, it pairs effectively with deep neutrals like charcoal or dark slate to provide necessary grounding contrast. Avoid pairing it with lighter, washed-out tones, which can make the UI appear faded and difficult to read.
Is #7badc4 readable on white or black?
#7badc4 has a 2.43:1 contrast ratio on white and 8.61: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.