Mountbatten Pink

HEX: #997A8D | Modern Palette

On White
3.80:1
FAIL
On Black
5.52:1
PASS

Color Specifications

HEX
#997A8D
RGB
153, 122, 141
HSL
323°, 20% ,60%
CMYK
0, 20.26, 7.84, 40

About Mountbatten Pink

Mountbatten Pink (#997A8D) is a color with RGB(153, 122, 141) and HSL(323.23°, 20.26%, 60%). In design, it fits Muted, Warm styles and is suitable for Text, Background, Border. Its complementary color is #7A9986, which creates strong contrast. Its triadic palette includes #8D997A and #7A8D99. The name comes from Mountbatten Pink (English).

  • HEX: #997A8D
  • RGB: 153, 122, 141
  • HSL: 323.23°, 20.26%, 60%
  • Style: Muted, Warm
  • Use case: Text, Background, Border
  • Complementary color: #7A9986
  • Triadic colors: #8D997A, #7A8D99
  • The name comes from Mountbatten Pink (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #997A8D from deepest shade to lightest tint.

Color Characteristics

Mood
Style
Muted Warm
Use case
Text Background Border

Accessibility Simulation

Deuteranopia #84848C
Protanopia #7E7E8D
Tritanopia #977D7D
Achromatopsia #838383

Frequently Asked Questions

Mountbatten Pink (#997A8D) is a color with RGB(153, 122, 141) and HSL(323.23°, 20.26%, 60%).

#997A8D pairs strongly with #7A9986 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#997A8D is suitable for Text, Background, Border and works well with Muted, Warm styles.

The name Mountbatten Pink is linked to Mountbatten Pink from English, meaning A specific shade of pinkish-mauve, named after Lord Mountbatten..

Name, History & Etymology

Origin Word Mountbatten Pink
Meaning A specific shade of pinkish-mauve, named after Lord Mountbatten.
Language English
First Recorded Use Mid-20th Century

History

Mountbatten Pink is a camouflage colour invented by Louis Mountbatten during World War II. The colour was a mix of battleship grey and a small amount of red, resulting in a dull, purplish-pink hue. The theory behind its effectiveness was that it would render ships less visible during dawn and dusk, as the colour would blend with the sky and sea at those times. It was primarily used on Royal Navy ships, particularly destroyers and smaller vessels. While its effectiveness is debated among historians and naval experts, it was certainly a distinctive and memorable camouflage scheme.

First Recorded Use

Circa World War II (1940s)

Cultural Associations

The colour is often associated with naval history and World War II. It has a certain romanticism due to its unique origin story and the figure of Lord Mountbatten. It's not a widely used colour in fashion or design today but holds a niche interest among military history enthusiasts and colour theorists. Its unusual appearance for a military camouflage often sparks curiosity.

Similar Named Colors
Bazaar #98777B ΔE 6.15
English Lavender #B48395 ΔE 6.83
Opera Mauve #B784A7 ΔE 8.41
Turkish Rose #B57281 ΔE 9.33

Code Snippets

/* Background */
.element {
    background-color: #997A8D;
}

/* Text */
.element {
    color: #997A8D;
}

/* Border */
.element {
    border: 1px solid #997A8D;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #997A8D,
        #84AE94
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #997A8D,
        #84AE94
    );
}

// SCSS variable
$mountbatten-pink: #997A8D;

// With RGB channels (useful for rgba() usage)
$mountbatten-pink-r: 153;
$mountbatten-pink-g: 122;
$mountbatten-pink-b: 141;

// Usage
.element {
    background-color: $mountbatten-pink;
    color: rgba($mountbatten-pink-r, $mountbatten-pink-g, $mountbatten-pink-b, 0.8);
}