#BAB2CA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted purple sits between lavender and grey. Because it is desaturated, #bab2ca functions as a sophisticated neutral that brings a sense of calm structure to modern UI designs. It pairs well with charcoal or slate, but avoid using it as a primary text color. Even though it passes contrast tests, the hex code #bab2ca remains most legible when used as a background for dark, crisp typography.
Questions about #bab2ca
What is #bab2ca in RGB, HSL and CMYK?
In RGB, #bab2ca is rgb(186, 178, 202), in HSL hsl(260, 18%, 75%) and in CMYK 8%, 12%, 0%, 21%.
How should I use #bab2ca in a web color palette?
#bab2ca works best as a background or secondary accent color rather than a primary text color. Because it is desaturated and low in contrast, place it behind dark, high-contrast typography like charcoal or near-black slate to maintain visual clarity and readability.
Is #bab2ca considered a warm or cool tone?
This color sits on the cooler side of the spectrum due to its greyish undertones. While it retains the soft essence of lavender, the lack of intense saturation shifts it away from traditional warm purples toward a more professional, neutral grey-purple.
Is #bab2ca readable on white or black?
#bab2ca has a 2.03:1 contrast ratio on white and 10.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.