#9CABA2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and desaturated, this dusty green acts as a sturdy, reliable neutral. The hex code #9caba2 functions best as a base or background shade, providing an organic feel without dominating a layout. It contrasts well against black type, making it a safe choice for UI body text. Pair it with deep terracottas or crisp whites to balance its cool, ashy undertones.
Questions about #9caba2
What is #9caba2 in RGB, HSL and CMYK?
In RGB, #9caba2 is rgb(156, 171, 162), in HSL hsl(144, 8%, 64%) and in CMYK 9%, 0%, 5%, 33%. Browse more shades of gray with names and hex codes.
How does #9caba2 function as a UI design element?
#9caba2 excels as a subtle background or body text color because its desaturated nature creates a calm, organic aesthetic that avoids visual fatigue. Use it alongside high-contrast dark gray text to maintain readability while keeping your interface approachable and professional.
What colors pair well with #9caba2?
Pair #9caba2 with terracotta for a warm, earthy contrast or keep it classic with crisp white to emphasize its cool, ashy undertones. These combinations highlight the green's natural stability without overpowering your layout or creating visual clutter in your design.
Is #9caba2 readable on white or black?
#9caba2 has a 2.39:1 contrast ratio on white and 8.76: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.