← Back to Editor

#69255C · #512E58 · #3D325D · #604F7B · #9890A6

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#69255C

Rose Purple · Purple · Eggplant

HEX
#69255C
RGB
rgb(105, 37, 92)
HSL
hsl(311, 48%, 28%)
HSB
hsb(311, 65%, 41%)
CMYK
cmyk(0%, 65%, 12%, 59%)
Oklch
oklch(38.6% 0.120 335.9)

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

#512E58

Dark Plum · DarkSlateGray · Eggplant

HEX
#512E58
RGB
rgb(81, 46, 88)
HSL
hsl(290, 31%, 26%)
HSB
hsb(290, 48%, 35%)
CMYK
cmyk(8%, 48%, 0%, 65%)
Oklch
oklch(36.3% 0.082 320.8)

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

#3D325D

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#3D325D
RGB
rgb(61, 50, 93)
HSL
hsl(255, 30%, 28%)
HSB
hsb(255, 46%, 36%)
CMYK
cmyk(34%, 46%, 0%, 64%)
Oklch
oklch(35.0% 0.074 294.0)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#604F7B

Deep Indigo · DimGray · Eggplant

HEX
#604F7B
RGB
rgb(96, 79, 123)
HSL
hsl(263, 22%, 40%)
HSB
hsb(263, 36%, 48%)
CMYK
cmyk(22%, 36%, 0%, 52%)
Oklch
oklch(46.3% 0.072 301.4)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#9890A6

Wisteria · DarkGray · Lilac Purple

HEX
#9890A6
RGB
rgb(152, 144, 166)
HSL
hsl(262, 11%, 61%)
HSB
hsb(262, 13%, 65%)
CMYK
cmyk(8%, 13%, 0%, 35%)
Oklch
oklch(66.8% 0.033 302.0)

Traditional「Wisteria」· Paint「Lilac Purple」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

69255C
256A32

Analogous

54256A
69255C
6A253B

Triadic

69255C
5D6A25
255D6A

Split-Comp.

69255C
3B6A25
256A54

Tetradic

69255C
6A5425
256A32
253B6A

Contrast Matrix WCAG 2.1 Contrast

69255C
512E58
3D325D
604F7B
9890A6
—
1.1
Fail
1.1
Fail
1.4
Fail
3.4
AA Large
1.1
Fail
—
1.0
Fail
1.5
Fail
3.7
AA Large
1.1
Fail
1.0
Fail
—
1.6
Fail
3.8
AA Large
1.4
Fail
1.5
Fail
1.6
Fail
—
2.4
Fail
3.4
AA Large
3.7
AA Large
3.8
AA Large
2.4
Fail
—
White BG
10.4AAA
11.2AAA
11.6AAA
7.2AAA
3.1AA Large
Black BG
2.0Fail
1.9Fail
1.8Fail
2.9Fail
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4C4B4F
42424E
383853
595870
9594A1

Deuteranopia

50554B
44474B
393A50
5A5B6E
95969F

Tritanopia

664442
4F4644
3C4A49
5F6866
989C9C

Achromatopsia

404040
3D3D3D
3A3A3A
595959
959595

Shades & Tints Shades & Tints

#69255C

Dark
Light

#512E58

Dark
Light

#3D325D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #69255c;
  --color-2: #512e58;
  --color-3: #3d325d;
  --color-4: #604f7b;
  --color-5: #9890a6;
}

SCSS

$color-1: #69255c;
$color-2: #512e58;
$color-3: #3d325d;
$color-4: #604f7b;
$color-5: #9890a6;

TAILWIND

colors: {
  'brand-1': '#69255c',
  'brand-2': '#512e58',
  'brand-3': '#3d325d',
  'brand-4': '#604f7b',
  'brand-5': '#9890a6',
}

RGB Array

[105, 37, 92], [81, 46, 88], [61, 50, 93], [96, 79, 123], [152, 144, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #69255C, #512E58, #3D325D, #604F7B, #9890A6 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. 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: #69255c; --color-2: #512e58; --color-3: #3d325d; --color-4: #604f7b; --color-5: #9890a6. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 finance, legal, luxury 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