#ACBBFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#acbbff is a light, airy indigo with cool undertones. Because it is highly unsaturated, this hex code serves as a steady background for UI elements. Black text provides excellent readability against this shade, easily exceeding standard accessibility requirements. Pair it with soft charcoal or muted coral to keep the palette grounded rather than letting it wash out against white interfaces.
Questions about #acbbff
What is #acbbff in RGB, HSL and CMYK?
In RGB, #acbbff is rgb(172, 187, 255), in HSL hsl(229, 100%, 84%) and in CMYK 33%, 27%, 0%, 0%.
How can I effectively use #acbbff in a UI design?
#acbbff functions as an ideal, neutral background color because its low saturation prevents it from clashing with interactive elements. Because it maintains high contrast with standard black text, you can use it to designate calm, airy sections or reading interfaces without sacrificing accessibility.
What colors pair well with #acbbff to maintain a grounded look?
Pair #acbbff with charcoal or deep navy to anchor the lightness of the indigo against a sharper, high-contrast element. If you need a secondary accent, muted coral provides enough warmth to balance the cool, unsaturated nature of this shade without overwhelming the design.
Is #acbbff readable on white or black?
#acbbff has a 1.85:1 contrast ratio on white and 11.30: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.