#AFBBFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool periwinkle offers a fresh, airy quality that works well for large backgrounds. It maintains excellent legibility with black text, making it a functional choice for UI design. While the hex code #afbbff can appear washed out against white, it provides a sophisticated structure when paired with deeper, moody grays or charcoal tones.
Questions about #afbbff
What is #afbbff in RGB, HSL and CMYK?
In RGB, #afbbff is rgb(175, 187, 255), in HSL hsl(231, 100%, 84%) and in CMYK 31%, 27%, 0%, 0%.
Does #afbbff work well for text?
While #afbbff provides a beautiful background, it generally lacks the contrast required for readable body text on white. It is best used as a soft UI accent or large-scale background paired with charcoal or deep navy text for accessibility.
What colors pair best with #afbbff?
This unsaturated periwinkle acts as a neutral bridge that balances well with grounded, moody tones. It creates a professional, high-end structure when combined with charcoal grays, dusty slate, or even muted plum to enhance its cool, sophisticated character.
Is #afbbff readable on white or black?
#afbbff has a 1.84:1 contrast ratio on white and 11.37: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.