What Color Is #9A4B70?

#9A4B70 corresponds to a deep pink tone when displayed on screen. Its 34% saturation keeps the color versatile enough for large UI surfaces without visual fatigue.

Color Meaning of #9A4B70

#9A4B70 expresses the pink family's core themes of charm, sensitivity, and nurturing. Its particular depth places it in the deep range, which audiences tend to perceive as premium, trustworthy, and established.

Where to Use HEX Code #9A4B70

SaaS dashboard sidebar backgrounds creating a professional pink-tinted workspace
Animated micro-interactions — deep pink pulses and glows feel polished on button clicks
Checkout flow progress indicators marking completed, current, and pending steps
Portfolio gallery frame borders that complement photography without competing for attention
Status page indicators — pink accents for operational metrics and uptime displays
Plugin and widget chrome styling for embedded components that need to match the host palette

Similar HEX Color Codes

#8B5A61
A closely related red shade with subtle tonal variation
#816457
Similar hue with adjusted saturation for alternative design needs
#BD284D
Complementary red tone for palette coordination
#C7789D
Nearby color value offering slightly different brightness
#D114A7
Related red option for creating harmonious color schemes
#DB8C2F
Adjacent shade useful for gradient transitions
#E50025
Comparable red alternative with distinct character

HEX Code #9A4B70 in Design Systems

Scale this pink shade into a complete system: pair #9A4B70 with its complementary hue (≈0° on the wheel) for maximum contrast, or use analogous neighbors (±30°) for softer harmonies. Build each companion color into a matching 9-step tonal ramp for full-coverage UI support.

Contrast profile: at 103/255 brightness, this shade excels as a button background, nav-bar fill, or card header. Always test the final foreground-background pair in Chrome Lighthouse or axe-core to catch contrast violations before deployment.

FAQ About HEX Color Code #9A4B70

What color is #9A4B70?
This HEX code renders as a deep pink shade on screen. Its RGB components (154, 75, 112) create a pink-dominant appearance with deep depth.
Is #9A4B70 a dark or light color?
Dark. The weighted luminance formula (0.299R + 0.587G + 0.114B) gives #9A4B70 a score of 103/255, placing it below the midpoint. This classification affects which text colors achieve adequate contrast.
What colors go well with #9A4B70?
#9A4B70 pairs well with contrasting colors opposite it on the color wheel (≈152°) for dynamic compositions. For cohesive, calm palettes, combine it with neighboring hues at ±30° and tinted neutrals in the same pink family.
Can I use #9A4B70 for branding?
Yes. #9A4B70 works as a brand color when pink-family associations — compassion, romance, and tenderness — align with your positioning. Define it formally in your brand guidelines with permitted tints, shades, and pairing rules for consistent application.
How do I convert #9A4B70 to other color formats?
The full conversion: RGB(154, 75, 112), HSL(332°, 34%, 45%). CMYK values depend on the print profile but approximate C:40% M:71% Y:56% K:0%. Our converter tools handle all formats instantly.