#ABC9F4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated pastel blue has a dusty, cool quality that feels approachable rather than sterile. Because of its light, desaturated nature, #abc9f4 works best as a background color for clean, modern interfaces in healthcare or finance. It maintains excellent readability with black text, so you can use it for large UI surfaces without sacrificing accessibility. Pair it with deep charcoals to ground the shade and prevent it from appearing washed out.
Questions about #abc9f4
What is #abc9f4 in RGB, HSL and CMYK?
In RGB, #abc9f4 is rgb(171, 201, 244), in HSL hsl(215, 77%, 81%) and in CMYK 30%, 18%, 0%, 4%.
What makes #abc9f4 a good choice for interface design?
The desaturated nature of #abc9f4 provides a soft, approachable feel that avoids looking sterile, making it ideal for modern healthcare or financial dashboard backgrounds. Its high accessibility ensures text remains legible against the surface while maintaining a professional, muted aesthetic.
Which colors pair best with #abc9f4?
Because #abc9f4 is a light, dusty blue, it benefits from the contrast provided by deep neutrals like charcoal. These darker, grounded tones prevent the pastel from feeling washed out and help establish a clear visual hierarchy within your website layouts.
Is #abc9f4 readable on white or black?
#abc9f4 has a 1.69:1 contrast ratio on white and 12.39: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.