#84A0CA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue feels cool and professional, making it a reliable choice for corporate branding or security-focused UI. Because of its muted character, the hex code #84a0ca functions best as a supporting tone in a 30% or 10% capacity. Pair it with dark charcoal or off-white for a clean, accessible finish. It reads clearly enough for body text when set against a crisp, high-contrast background.
Questions about #84a0ca
What is #84a0ca in RGB, HSL and CMYK?
In RGB, #84a0ca is rgb(132, 160, 202), in HSL hsl(216, 40%, 65%) and in CMYK 35%, 21%, 0%, 21%. Browse more shades of blue with names and hex codes.
How should I use #84a0ca in a user interface?
#84a0ca functions best as a supporting accent or background tone in UI design, typically applied at 10% to 30% intensity. Pair it with high-contrast charcoal or off-white text to maintain legibility and a clean, professional aesthetic.
Is #84a0ca suitable for body text?
#84a0ca can be used for body text if set against a sufficiently high-contrast, crisp background to ensure readability. Because it is a muted, unsaturated blue, it maintains a professional character without the visual fatigue caused by more saturated colors.
Is #84a0ca readable on white or black?
#84a0ca has a 2.67:1 contrast ratio on white and 7.86: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.