#A85B9F + #8939CC + #463DBE + #481770 + #2D0937 · luxury - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A85B9F

Rose Purple · MediumOrchid · Violet

HEX

#A85B9F

RGB

rgb(168, 91, 159)

HSL

hsl(307, 31%, 51%)

HSB

hsb(307, 46%, 66%)

CMYK

cmyk(0%, 46%, 5%, 34%)

Oklch

oklch(58.5% 0.133 331.6)

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

#8939CC

Royal Purple · DarkOrchid · Violet

HEX

#8939CC

RGB

rgb(137, 57, 204)

HSL

hsl(273, 59%, 51%)

HSB

hsb(273, 72%, 80%)

CMYK

cmyk(33%, 72%, 0%, 20%)

Oklch

oklch(52.8% 0.215 304.8)

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

#463DBE

Deep Indigo · SlateBlue · Navy Blue

HEX

#463DBE

RGB

rgb(70, 61, 190)

HSL

hsl(244, 51%, 49%)

HSB

hsb(244, 68%, 75%)

CMYK

cmyk(63%, 68%, 0%, 25%)

Oklch

oklch(45.5% 0.194 278.5)

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

#481770

Royal Purple · DarkSlateBlue · Eggplant

HEX

#481770

RGB

rgb(72, 23, 112)

HSL

hsl(273, 66%, 26%)

HSB

hsb(273, 79%, 44%)

CMYK

cmyk(36%, 79%, 0%, 56%)

Oklch

oklch(33.4% 0.144 304.6)

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

#2D0937

Royal Purple · MidnightBlue · Dark Purple

HEX

#2D0937

RGB

rgb(45, 9, 55)

HSL

hsl(287, 72%, 13%)

HSB

hsb(287, 84%, 22%)

CMYK

cmyk(18%, 84%, 0%, 78%)

Oklch

oklch(22.9% 0.089 317.9)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A85B9F

5BA964

Analogous

8B5BA9

A85B9F

A95B79

Triadic

A85B9F

A0A95B

5BA0A9

Split-Comp.

A85B9F

79A95B

5BA98B

Tetradic

A85B9F

A98B5B

5BA964

5B79A9

Contrast Matrix WCAG 2.1 Contrast

A85B9F	8939CC	463DBE	481770	2D0937
—	1.3 Fail	1.7 Fail	2.9 Fail	3.9 AA Large
1.3 Fail	—	1.3 Fail	2.2 Fail	2.9 Fail
1.7 Fail	1.3 Fail	—	1.6 Fail	2.2 Fail
2.9 Fail	2.2 Fail	1.6 Fail	—	1.4 Fail
3.9 AA Large	2.9 Fail	2.2 Fail	1.4 Fail	—

White BG

4.5AA

6.0AA

7.9AAA

12.9AAA

17.4AAA

Black BG

4.7AA

3.5AA Large

2.7Fail

1.6Fail

1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

87868F

6666A8

42429F

33325A

1D1D2C

Deuteranopia

8B918B

6B71A0

434397

363955

202229

Tritanopia

A4827F

858C86

468681

464946

2B2321

Achromatopsia

7A7A7A

626262

4E4E4E

303030

191919

Shades & Tints Shades & Tints

#A85B9F

Dark

Light

#8939CC

Dark

Light

#463DBE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a85b9f;
  --color-2: #8939cc;
  --color-3: #463dbe;
  --color-4: #481770;
  --color-5: #2d0937;
}

SCSS

$color-1: #a85b9f;
$color-2: #8939cc;
$color-3: #463dbe;
$color-4: #481770;
$color-5: #2d0937;

TAILWIND

colors: {
  'brand-1': '#a85b9f',
  'brand-2': '#8939cc',
  'brand-3': '#463dbe',
  'brand-4': '#481770',
  'brand-5': '#2d0937',
}

RGB Array

[168, 91, 159], [137, 57, 204], [70, 61, 190], [72, 23, 112], [45, 9, 55]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #A85B9F, #8939CC, #463DBE, #481770, #2D0937 is ideal for: tech websites, dark mode UIs, game UIs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a85b9f; --color-2: #8939cc; --color-3: #463dbe; --color-4: #481770; --color-5: #2d0937. 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 luxury-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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