#84A3D8 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #84a3d8 graphic
Reach for pastel blue when a background needs to feel friendly without going baby-bright. The hex code #84a3d8 is lightly saturated with a soft gray undertone, so it settles a layout rather than dominating it. Pair it with terracotta or warm sand accents for contrast. Black text reads clearly on top, hitting about 8.2:1, well past WCAG AA.

Questions about #84a3d8

What is #84a3d8 in RGB, HSL and CMYK?
In RGB, #84a3d8 is rgb(132, 163, 216), in HSL hsl(218, 52%, 68%) and in CMYK 39%, 25%, 0%, 15%.
What colors pair well with #84a3d8?
Terracotta, warm sand, and deep navy all give #84a3d8 a lift. Its muted lightness makes contrast easy to build, so richer accent tones read clean against it.
Is #84a3d8 readable on white or black?
#84a3d8 has a 2.55:1 contrast ratio on white and 8.21: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.