Exploring the Color #31475A

#31475A sits at 208° on the color wheel, placing it in the azure family of the cool half of the spectrum. With 29% saturation and 27% lightness, it reads as a softly muted, shadowed tone — a balanced mid-energy presence that sits comfortably alongside other UI tones. Its RGB mix of 49, 71, 90 produces a 9.64:1 contrast ratio against white, which clears WCAG AAA for body text in that pairing.

In RGB space #31475A is a distant relative of CSS dim gray — about 67 units away from #696969. Designers reach for azure hues at this saturation when the brief calls for restraint and atmosphere, and at this lightness when they want weight, depth, and grounded contrast. On screen the cool cast tends to pair best with warm neutrals in the 25°-45° range to add life.

Darkening Shades

Lightening Shades