← Back to Editor

#AC6DAB · #9D5C9B · #7D5885 · #595C7B · #3C6079

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

#AC6DAB

Rose Purple · MediumOrchid · Violet

HEX
#AC6DAB
RGB
rgb(172, 109, 171)
HSL
hsl(301, 28%, 55%)
HSB
hsb(301, 37%, 67%)
CMYK
cmyk(0%, 37%, 1%, 33%)
Oklch
oklch(62.4% 0.115 327.4)

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

#9D5C9B

Rose Purple · Gray · Violet

HEX
#9D5C9B
RGB
rgb(157, 92, 155)
HSL
hsl(302, 26%, 49%)
HSB
hsb(302, 41%, 62%)
CMYK
cmyk(0%, 41%, 1%, 38%)
Oklch
oklch(57.1% 0.120 328.1)

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

#7D5885

Dark Plum · DimGray · Violet

HEX
#7D5885
RGB
rgb(125, 88, 133)
HSL
hsl(289, 20%, 43%)
HSB
hsb(289, 34%, 52%)
CMYK
cmyk(6%, 34%, 0%, 48%)
Oklch
oklch(51.6% 0.082 320.3)

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

#595C7B

Indigo · DimGray · Navy Blue

HEX
#595C7B
RGB
rgb(89, 92, 123)
HSL
hsl(235, 16%, 42%)
HSB
hsb(235, 28%, 48%)
CMYK
cmyk(28%, 25%, 0%, 52%)
Oklch
oklch(48.4% 0.050 280.1)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#3C6079

Slate Blue · DarkSlateBlue · Prussian Blue

HEX
#3C6079
RGB
rgb(60, 96, 121)
HSL
hsl(205, 34%, 35%)
HSB
hsb(205, 50%, 47%)
CMYK
cmyk(50%, 21%, 0%, 53%)
Oklch
oklch(47.2% 0.058 239.9)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AC6DAB
6CAC6D

Analogous

8D6CAC
AC6DAB
AC6C8B

Triadic

AC6DAB
ABAC6C
6CABAC

Split-Comp.

AC6DAB
8BAC6C
6CAC8D

Tetradic

AC6DAB
AC8D6C
6CAC6D
6C8BAC

Contrast Matrix WCAG 2.1 Contrast

AC6DAB
9D5C9B
7D5885
595C7B
3C6079
—
1.2
Fail
1.5
Fail
1.7
Fail
1.8
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.4
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
1.1
Fail
1.7
Fail
1.4
Fail
1.1
Fail
—
1.0
Fail
1.8
Fail
1.4
Fail
1.1
Fail
1.0
Fail
—
White BG
3.8AA Large
4.7AA
5.8AA
6.5AA
6.7AA
Black BG
5.5AA
4.4AA Large
3.6AA Large
3.2AA Large
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

91909C
81808C
6D6D7A
5A5A73
4C4C73

Deuteranopia

949998
858A88
6F7278
5A5A72
4A4771

Tritanopia

A9908E
9A807D
7B7270
596E6C
3E6E6D

Achromatopsia

878787
777777
686868
5F5F5F
585858

Shades & Tints Shades & Tints

#AC6DAB

Dark
Light

#9D5C9B

Dark
Light

#7D5885

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ac6dab;
  --color-2: #9d5c9b;
  --color-3: #7d5885;
  --color-4: #595c7b;
  --color-5: #3c6079;
}

SCSS

$color-1: #ac6dab;
$color-2: #9d5c9b;
$color-3: #7d5885;
$color-4: #595c7b;
$color-5: #3c6079;

TAILWIND

colors: {
  'brand-1': '#ac6dab',
  'brand-2': '#9d5c9b',
  'brand-3': '#7d5885',
  'brand-4': '#595c7b',
  'brand-5': '#3c6079',
}

RGB Array

[172, 109, 171], [157, 92, 155], [125, 88, 133], [89, 92, 123], [60, 96, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AC6DAB, #9D5C9B, #7D5885, #595C7B, #3C6079 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: #ac6dab; --color-2: #9d5c9b; --color-3: #7d5885; --color-4: #595c7b; --color-5: #3c6079. 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