← Back to Editor

#915A7F · #4C4050 · #6A4970 · #AA7D9D · #B59EAA

dark

A 5-color dark 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

#915A7F

Rose Purple · Gray · Camellia

HEX
#915A7F
RGB
rgb(145, 90, 127)
HSL
hsl(320, 23%, 46%)
HSB
hsb(320, 38%, 57%)
CMYK
cmyk(0%, 38%, 12%, 43%)
Oklch
oklch(54.1% 0.088 340.0)

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

#4C4050

Dark Plum · DarkSlateGray · Eggplant

HEX
#4C4050
RGB
rgb(76, 64, 80)
HSL
hsl(285, 11%, 28%)
HSB
hsb(285, 20%, 31%)
CMYK
cmyk(5%, 20%, 0%, 69%)
Oklch
oklch(39.0% 0.031 317.6)

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

#6A4970

Dark Plum · DimGray · Eggplant

HEX
#6A4970
RGB
rgb(106, 73, 112)
HSL
hsl(291, 21%, 36%)
HSB
hsb(291, 35%, 44%)
CMYK
cmyk(5%, 35%, 0%, 56%)
Oklch
oklch(45.7% 0.074 321.2)

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

#AA7D9D

Rose Purple · DarkGray · Violet

HEX
#AA7D9D
RGB
rgb(170, 125, 157)
HSL
hsl(317, 21%, 58%)
HSB
hsb(317, 26%, 67%)
CMYK
cmyk(0%, 26%, 8%, 33%)
Oklch
oklch(64.4% 0.071 337.3)

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

#B59EAA

Mauve · DarkGray · Rose Pink

HEX
#B59EAA
RGB
rgb(181, 158, 170)
HSL
hsl(329, 13%, 66%)
HSB
hsb(329, 13%, 71%)
CMYK
cmyk(0%, 13%, 6%, 29%)
Oklch
oklch(72.3% 0.032 345.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

915A7F
5A906C

Analogous

875A90
915A7F
905A63

Triadic

915A7F
7E905A
5A7E90

Split-Comp.

915A7F
63905A
5A9087

Tetradic

915A7F
90875A
5A906C
5A6390

Contrast Matrix WCAG 2.1 Contrast

915A7F
4C4050
6A4970
AA7D9D
B59EAA
—
1.8
Fail
1.4
Fail
1.5
Fail
2.1
Fail
1.8
Fail
—
1.3
Fail
2.8
Fail
3.9
AA Large
1.4
Fail
1.3
Fail
—
2.2
Fail
3.0
AA Large
1.5
Fail
2.8
Fail
2.2
Fail
—
1.4
Fail
2.1
Fail
3.9
AA Large
3.0
AA Large
1.4
Fail
—
White BG
5.3AA
9.7AAA
7.5AAA
3.4AA Large
2.5Fail
Black BG
4.0AA Large
2.2Fail
2.8Fail
6.1AA
8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

797976
47474C
5C5B67
979695
ABABA7

Deuteranopia

7C8174
48484B
5E6064
999D93
ACAEA6

Tritanopia

8E6F6D
4B4948
685F5D
A88F8E
B4A5A4

Achromatopsia

6F6F6F
454545
575757
8E8E8E
A6A6A6

Shades & Tints Shades & Tints

#915A7F

Dark
Light

#4C4050

Dark
Light

#6A4970

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #915a7f;
  --color-2: #4c4050;
  --color-3: #6a4970;
  --color-4: #aa7d9d;
  --color-5: #b59eaa;
}

SCSS

$color-1: #915a7f;
$color-2: #4c4050;
$color-3: #6a4970;
$color-4: #aa7d9d;
$color-5: #b59eaa;

TAILWIND

colors: {
  'brand-1': '#915a7f',
  'brand-2': '#4c4050',
  'brand-3': '#6a4970',
  'brand-4': '#aa7d9d',
  'brand-5': '#b59eaa',
}

RGB Array

[145, 90, 127], [76, 64, 80], [106, 73, 112], [170, 125, 157], [181, 158, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #915A7F, #4C4050, #6A4970, #AA7D9D, #B59EAA 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: #915a7f; --color-2: #4c4050; --color-3: #6a4970; --color-4: #aa7d9d; --color-5: #b59eaa. 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 dark-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