← Back to Editor

#A9A1A0 · #A996A2 · #AB87A5 · #AC73A8 · #AD54AE

cool

A 5-color cool palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A9A1A0

Ash · DarkGray · Silver Sand

HEX
#A9A1A0
RGB
rgb(169, 161, 160)
HSL
hsl(7, 5%, 65%)
HSB
hsb(7, 5%, 66%)
CMYK
cmyk(0%, 5%, 5%, 34%)
Oklch
oklch(71.5% 0.009 26.1)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#A996A2

Mauve · DarkGray · Rose Pink

HEX
#A996A2
RGB
rgb(169, 150, 162)
HSL
hsl(322, 10%, 63%)
HSB
hsb(322, 11%, 66%)
CMYK
cmyk(0%, 11%, 4%, 34%)
Oklch
oklch(69.4% 0.028 339.6)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

#AB87A5

Rose Purple · DarkGray · Violet

HEX
#AB87A5
RGB
rgb(171, 135, 165)
HSL
hsl(310, 18%, 60%)
HSB
hsb(310, 21%, 67%)
CMYK
cmyk(0%, 21%, 4%, 33%)
Oklch
oklch(66.7% 0.060 332.0)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#AC73A8

Rose Purple · DarkGray · Violet

HEX
#AC73A8
RGB
rgb(172, 115, 168)
HSL
hsl(304, 26%, 56%)
HSB
hsb(304, 33%, 67%)
CMYK
cmyk(0%, 33%, 2%, 33%)
Oklch
oklch(63.3% 0.101 329.1)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#AD54AE

Dark Plum · MediumOrchid · Violet

HEX
#AD54AE
RGB
rgb(173, 84, 174)
HSL
hsl(299, 36%, 51%)
HSB
hsb(299, 52%, 68%)
CMYK
cmyk(1%, 52%, 0%, 32%)
Oklch
oklch(58.8% 0.162 327.0)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A9A1A0
A1A9AA

Analogous

AAA1A5
A9A1A0
AAA7A1

Triadic

A9A1A0
A1AAA2
A2A1AA

Split-Comp.

A9A1A0
A1AAA7
A1A5AA

Tetradic

A9A1A0
A5AAA1
A1A9AA
A7A1AA

Contrast Matrix WCAG 2.1 Contrast

A9A1A0
A996A2
AB87A5
AC73A8
AD54AE
—
1.1
Fail
1.2
Fail
1.4
Fail
1.8
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.6
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.4
Fail
1.3
Fail
1.2
Fail
—
1.2
Fail
1.8
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
White BG
2.5Fail
2.8Fail
3.1AA Large
3.6AA Large
4.5AA
Black BG
8.3AAA
7.6AAA
6.7AA
5.8AA
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A5A0
A1A19F
9B9B9E
93939B
868698

Deuteranopia

A6A7A0
A2A39E
9EA09C
979B98
8C9293

Tritanopia

A9A0A0
A89D9C
A99897
A9918F
A98783

Achromatopsia

A3A3A3
9D9D9D
959595
8A8A8A
797979

Shades & Tints Shades & Tints

#A9A1A0

Dark
Light

#A996A2

Dark
Light

#AB87A5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a9a1a0;
  --color-2: #a996a2;
  --color-3: #ab87a5;
  --color-4: #ac73a8;
  --color-5: #ad54ae;
}

SCSS

$color-1: #a9a1a0;
$color-2: #a996a2;
$color-3: #ab87a5;
$color-4: #ac73a8;
$color-5: #ad54ae;

TAILWIND

colors: {
  'brand-1': '#a9a1a0',
  'brand-2': '#a996a2',
  'brand-3': '#ab87a5',
  'brand-4': '#ac73a8',
  'brand-5': '#ad54ae',
}

RGB Array

[169, 161, 160], [169, 150, 162], [171, 135, 165], [172, 115, 168], [173, 84, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #A9A1A0, #A996A2, #AB87A5, #AC73A8, #AD54AE is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a9a1a0; --color-2: #a996a2; --color-3: #ab87a5; --color-4: #ac73a8; --color-5: #ad54ae. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This cool-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Restrained colors convey professionalism and trust. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color