Exploring the Color #40102A

#40102A sits at 328° on the color wheel, placing it in the rose family of the neutral half of the spectrum. With 60% saturation and 16% lightness, it reads as a moderately saturated, deep tone — a balanced mid-energy presence that sits comfortably alongside other UI tones. Its RGB mix of 64, 16, 42 produces a 15.84:1 contrast ratio against white, which clears WCAG AAA for body text in that pairing.

In RGB space #40102A is a distant relative of CSS maroon — about 78 units away from #800000. Designers reach for rose hues at this saturation when the brief calls for a conversational, mid-energy register, and at this lightness when they want weight, depth, and grounded contrast. On screen the balanced cast tends to pair best with either warm or cool accents depending on the surrounding palette.

Darkening Shades

Lightening Shades