#BAAFAF Hex Color

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

Hex color #baafaf graphic
#baafaf is a dusty, ashy red with significant grey undertones. It feels grounded and muted, offering a sophisticated alternative to intense primary reds. Because it provides high contrast with black text, it reads clearly in UI design. This hex code works best as a supporting tone or subtle background element rather than a dominant splash of color. It pairs particularly well with charcoal greys for a modern, understated aesthetic.

Questions about #baafaf

What is #baafaf in RGB, HSL and CMYK?
In RGB, #baafaf is rgb(186, 175, 175), in HSL hsl(0, 7%, 71%) and in CMYK 0%, 6%, 6%, 27%. Browse more shades of gray with names and hex codes.
How should I use #baafaf in a UI design?
#baafaf functions best as a supporting tone or subtle background element rather than a dominant splash of color. Because it provides high contrast with black text, it reads clearly for typography or UI components without overwhelming the visual hierarchy.
What colors pair well with #baafaf?
This muted red pairs exceptionally well with charcoal or deep, cool greys to create a modern, understated aesthetic. These neutral pairings emphasize its ashy quality, making it a sophisticated alternative to intense, saturated reds in professional design projects.
Is #baafaf readable on white or black?
#baafaf has a 2.13:1 contrast ratio on white and 9.83: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.