#84BCF9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, airy blue sits on the cooler side of the spectrum with a distinctly unsaturated, pastel quality. Because black text maintains excellent readability against it, #84bcf9 works well as a background for clean, trustworthy UI layouts. Pair it with soft charcoal or even some deeper pink tones to ground the lightness. The hex code for this color is #84bcf9.
Questions about #84bcf9
What is #84bcf9 in RGB, HSL and CMYK?
In RGB, #84bcf9 is rgb(132, 188, 249), in HSL hsl(211, 91%, 75%) and in CMYK 47%, 24%, 0%, 2%.
Where does #84bcf9 work best in digital design?
This shade excels as a primary background color for clean, trustworthy UI layouts because it allows black text to remain highly readable. Its airy, unsaturated quality reduces visual strain while maintaining a modern, professional aesthetic across web interfaces.
What colors pair well with #84bcf9 for a balanced palette?
To anchor this light blue, combine it with deep neutrals like charcoal to create strong contrast and hierarchy. For a softer, more dynamic look, pairing it with muted pink tones adds warmth without compromising the color's signature coolness.
Is #84bcf9 readable on white or black?
#84bcf9 has a 1.99:1 contrast ratio on white and 10.54: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.