← Back to Editor

#9792AA · #8F8597 · #78596F · #D99EA9 · #E7C5B7

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#9792AA

Wisteria · DarkGray · Cobalt Blue

HEX
#9792AA
RGB
rgb(151, 146, 170)
HSL
hsl(253, 12%, 62%)
HSB
hsb(253, 14%, 67%)
CMYK
cmyk(11%, 14%, 0%, 33%)
Oklch
oklch(67.2% 0.035 295.0)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#8F8597

Dark Plum · LightSlateGray · Silver Sand

HEX
#8F8597
RGB
rgb(143, 133, 151)
HSL
hsl(273, 8%, 56%)
HSB
hsb(273, 12%, 59%)
CMYK
cmyk(5%, 12%, 0%, 41%)
Oklch
oklch(63.1% 0.029 310.2)

Traditional「Dark Plum」· Paint「Silver Sand」· Creative Urban Concrete

#78596F

Rose Purple · DimGray · Violet

HEX
#78596F
RGB
rgb(120, 89, 111)
HSL
hsl(317, 15%, 41%)
HSB
hsb(317, 26%, 47%)
CMYK
cmyk(0%, 26%, 7%, 53%)
Oklch
oklch(50.4% 0.052 337.3)

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

#D99EA9

Peach Pink · Tan · Coral Red

HEX
#D99EA9
RGB
rgb(217, 158, 169)
HSL
hsl(349, 44%, 74%)
HSB
hsb(349, 27%, 85%)
CMYK
cmyk(0%, 27%, 22%, 15%)
Oklch
oklch(75.8% 0.072 6.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E7C5B7

Apricot · Wheat · Peach Orange

HEX
#E7C5B7
RGB
rgb(231, 197, 183)
HSL
hsl(18, 50%, 81%)
HSB
hsb(18, 21%, 91%)
CMYK
cmyk(0%, 15%, 21%, 9%)
Oklch
oklch(84.9% 0.043 43.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9792AA
A5AA92

Analogous

9299AA
9792AA
A392AA

Triadic

9792AA
AA9892
92AA98

Split-Comp.

9792AA
AAA392
99AA92

Tetradic

9792AA
AA9299
A5AA92
92AAA3

Contrast Matrix WCAG 2.1 Contrast

9792AA
8F8597
78596F
D99EA9
E7C5B7
—
1.2
Fail
2.0
Fail
1.3
Fail
1.9
Fail
1.2
Fail
—
1.7
Fail
1.6
Fail
2.2
Fail
2.0
Fail
1.7
Fail
—
2.7
Fail
3.8
AA Large
1.3
Fail
1.6
Fail
2.7
Fail
—
1.4
Fail
1.9
Fail
2.2
Fail
3.8
AA Large
1.4
Fail
—
White BG
3.0Fail
3.5AA Large
6.1AA
2.2Fail
1.6Fail
Black BG
7.0AAA
6.0AA
3.5AA Large
9.4AAA
13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9595A4
8B8B93
6B6A6A
BFBFA6
D8D8BA

Deuteranopia

9596A3
8B8C92
6C6F68
C3C7A6
DADDBB

Tritanopia

97A09F
8F8F8E
766565
D6A4A4
E5BDBE

Achromatopsia

969696
8A8A8A
656565
B1B1B1
CECECE

Shades & Tints Shades & Tints

#9792AA

Dark
Light

#8F8597

Dark
Light

#78596F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9792aa;
  --color-2: #8f8597;
  --color-3: #78596f;
  --color-4: #d99ea9;
  --color-5: #e7c5b7;
}

SCSS

$color-1: #9792aa;
$color-2: #8f8597;
$color-3: #78596f;
$color-4: #d99ea9;
$color-5: #e7c5b7;

TAILWIND

colors: {
  'brand-1': '#9792aa',
  'brand-2': '#8f8597',
  'brand-3': '#78596f',
  'brand-4': '#d99ea9',
  'brand-5': '#e7c5b7',
}

RGB Array

[151, 146, 170], [143, 133, 151], [120, 89, 111], [217, 158, 169], [231, 197, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9792AA, #8F8597, #78596F, #D99EA9, #E7C5B7 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: #9792aa; --color-2: #8f8597; --color-3: #78596f; --color-4: #d99ea9; --color-5: #e7c5b7. 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 general-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