#72AFDF Hex Color

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

Hex color #72afdf graphic
This unsaturated blue is cool, airy, and gentle. Because it is desaturated, #72afdf works well as a grounding neutral for UI backgrounds rather than a primary accent. It offers excellent contrast for black text, making it a safe choice for readable body content. Pair it with charcoal greys or deep navy to avoid a washed-out look on bright screens. The hex code for this shade is #72afdf.

Questions about #72afdf

What is #72afdf in RGB, HSL and CMYK?
In RGB, #72afdf is rgb(114, 175, 223), in HSL hsl(206, 63%, 66%) and in CMYK 49%, 22%, 0%, 13%.
What colors pair best with #72afdf for a balanced design?
Pair #72afdf with deep charcoal or dark navy to create strong contrast and prevent the design from looking washed out on bright screens. This combination keeps your interface grounded and ensures text remains legible against the lighter blue background.
Is #72afdf readable on white or black?
#72afdf has a 2.35:1 contrast ratio on white and 8.91: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.