#5D0E4E + #811F6D + #833A6C + #6C547B + #589292 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#5D0E4E

Rose Purple · Purple · Eggplant

HEX

#5D0E4E

RGB

rgb(93, 14, 78)

HSL

hsl(311, 74%, 21%)

HSB

hsb(311, 85%, 36%)

CMYK

cmyk(0%, 85%, 16%, 64%)

Oklch

oklch(33.5% 0.131 337.4)

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

#811F6D

Rose Purple · Purple · Eggplant

HEX

#811F6D

RGB

rgb(129, 31, 109)

HSL

hsl(312, 61%, 31%)

HSB

hsb(312, 76%, 51%)

CMYK

cmyk(0%, 76%, 16%, 49%)

Oklch

oklch(42.8% 0.158 337.6)

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

#833A6C

Rose Purple · DimGray · Eggplant

HEX

#833A6C

RGB

rgb(131, 58, 108)

HSL

hsl(319, 39%, 37%)

HSB

hsb(319, 56%, 51%)

CMYK

cmyk(0%, 56%, 18%, 49%)

Oklch

oklch(46.2% 0.118 341.1)

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

#6C547B

Dark Plum · DimGray · Violet

HEX

#6C547B

RGB

rgb(108, 84, 123)

HSL

hsl(277, 19%, 41%)

HSB

hsb(277, 32%, 48%)

CMYK

cmyk(12%, 32%, 0%, 52%)

Oklch

oklch(48.6% 0.067 312.0)

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

#589292

Slate Blue · CadetBlue · Mint Ice

HEX

#589292

RGB

rgb(88, 146, 146)

HSL

hsl(180, 25%, 46%)

HSB

hsb(180, 40%, 57%)

CMYK

cmyk(40%, 0%, 0%, 43%)

Oklch

oklch(62.0% 0.061 195.7)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5D0E4E

0E5D1C

Analogous

440E5D

5D0E4E

5D0E27

Triadic

5D0E4E

4F5D0E

0E4F5D

Split-Comp.

5D0E4E

275D0E

0E5D44

Tetradic

5D0E4E

5D440E

0E5D1C

0E275D

Contrast Matrix WCAG 2.1 Contrast

5D0E4E	811F6D	833A6C	6C547B	589292
—	1.4 Fail	1.7 Fail	1.9 Fail	3.6 AA Large
1.4 Fail	—	1.2 Fail	1.4 Fail	2.5 Fail
1.7 Fail	1.2 Fail	—	1.1 Fail	2.1 Fail
1.9 Fail	1.4 Fail	1.1 Fail	—	1.9 Fail
3.6 AA Large	2.5 Fail	2.1 Fail	1.9 Fail	—

White BG

12.8AAA

8.9AAA

7.5AAA

6.6AA

3.5AA Large

Black BG

1.6Fail

2.4Fail

2.8Fail

3.2AA Large

5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3B3A3F

57565A

636360

626172

717292

Deuteranopia

3F453B

5C6456

686D5D

63656F

6E6992

Tritanopia

593230

7C4B48

7F5654

6B6A68

5B9292

Achromatopsia

2D2D2D

454545

565656

606060

818181

Shades & Tints Shades & Tints

#5D0E4E

Dark

Light

#811F6D

Dark

Light

#833A6C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5d0e4e;
  --color-2: #811f6d;
  --color-3: #833a6c;
  --color-4: #6c547b;
  --color-5: #589292;
}

SCSS

$color-1: #5d0e4e;
$color-2: #811f6d;
$color-3: #833a6c;
$color-4: #6c547b;
$color-5: #589292;

TAILWIND

colors: {
  'brand-1': '#5d0e4e',
  'brand-2': '#811f6d',
  'brand-3': '#833a6c',
  'brand-4': '#6c547b',
  'brand-5': '#589292',
}

RGB Array

[93, 14, 78], [129, 31, 109], [131, 58, 108], [108, 84, 123], [88, 146, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5D0E4E, #811F6D, #833A6C, #6C547B, #589292 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: #5d0e4e; --color-2: #811f6d; --color-3: #833a6c; --color-4: #6c547b; --color-5: #589292. 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 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