#72A5E7 Hex Color

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

Hex color #72a5e7 graphic
#72a5e7 is a light, cool blue with moderate saturation and a soft, slightly muted finish. Its clear tone suggests peace, trust, and dependable control without feeling formal. Use it as a supporting UI background or spring accent, pairing it with charcoal or navy for stronger definition. Black text reads clearly against #72a5e7 with about 8.3:1 contrast, meeting WCAG AA for body text.

Questions about #72a5e7

What is #72a5e7 in RGB, HSL and CMYK?
In RGB, #72a5e7 is rgb(114, 165, 231), in HSL hsl(214, 71%, 68%) and in CMYK 51%, 29%, 0%, 9%.
What colors pair well with #72a5e7 in a design palette?
The strongest pairings for #72a5e7 are charcoal, navy, warm white, and restrained terracotta, because dark neutrals add structure while a warm accent balances its cool, airy character without overwhelming the palette.
Where does #72a5e7 work best in a design system?
#72a5e7 works best as a broad supporting color in dashboards, healthcare layouts, security products, and spring campaigns, where its moderate saturation keeps large surfaces approachable without making the interface feel loud. Use darker text and accents to establish clear hierarchy.
Is #72a5e7 readable on white or black?
#72a5e7 has a 2.54:1 contrast ratio on white and 8.25: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.