#9DA3A4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, mid-tone grey provides a steady foundation for minimal design projects. Because it is highly neutral, the hex code #9da3a4 excels as a background color where clarity matters. It offers strong legibility for black typography, comfortably exceeding accessibility standards for small body text. Avoid using it alongside stark white, as the contrast can appear washed out. Instead, pair it with muted earth tones for a sophisticated result.
Questions about #9da3a4
What is #9da3a4 in RGB, HSL and CMYK?
In RGB, #9da3a4 is rgb(157, 163, 164), in HSL hsl(189, 4%, 63%) and in CMYK 4%, 1%, 0%, 36%.
What colors pair well with #9da3a4 in a design layout?
Because #9da3a4 acts as a neutral base, it works beautifully with muted earth tones to create a cohesive, organic palette. You can achieve high visual impact by pairing this grey with deep charcoal for text or using soft terracotta to add warmth without disrupting the professional aesthetic.
Is #9da3a4 suitable for website body text?
Yes, #9da3a4 offers strong legibility against a stark white or very light background, comfortably exceeding standard accessibility requirements for readability. It serves as a softer, less harsh alternative to pure black text while maintaining enough contrast to prevent eye strain during long-form reading.
Is #9da3a4 readable on white or black?
#9da3a4 has a 2.55:1 contrast ratio on white and 8.20: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.