#84B8FE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, airy blue sits on the lighter side of the spectrum, offering a fresh and clean feel. Because it remains highly legible with black text at a 10.3:1 contrast ratio, #84b8fe works well as a dominant background color for modern interfaces. Pair it with deep charcoal grays to ground the hue. The hex code for this cool shade is #84b8fe.
Questions about #84b8fe
What is #84b8fe in RGB, HSL and CMYK?
In RGB, #84b8fe is rgb(132, 184, 254), in HSL hsl(214, 98%, 76%) and in CMYK 48%, 28%, 0%, 0%. Browse more shades of blue with names and hex codes.
What colors pair well with #84b8fe in a UI design?
#84b8fe works best when paired with deep neutrals like charcoal or slate, which ground its airy, lightweight feel. Using dark, high-contrast text on top ensures maximum readability for users, maintaining a clean and professional aesthetic for your interface.
Is #84b8fe suitable for text on a white background?
#84b8fe generally lacks sufficient contrast for small, readable text against a white background, often failing WCAG accessibility standards. It functions much more effectively as a background color for cards or headers, provided you use dark, high-contrast text over it.
Is #84b8fe readable on white or black?
#84b8fe has a 2.04:1 contrast ratio on white and 10.26: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.