#59366B + #853C85 + #9E3E7E + #B83D70 + #D13E36 · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#59366B

Dark Plum · DarkSlateBlue · Eggplant

HEX

#59366B

RGB

rgb(89, 54, 107)

HSL

hsl(280, 33%, 32%)

HSB

hsb(280, 50%, 42%)

CMYK

cmyk(17%, 50%, 0%, 58%)

Oklch

oklch(39.8% 0.095 313.2)

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

#853C85

Rose Purple · DimGray · Eggplant

HEX

#853C85

RGB

rgb(133, 60, 133)

HSL

hsl(300, 38%, 38%)

HSB

hsb(300, 55%, 52%)

CMYK

cmyk(0%, 55%, 0%, 48%)

Oklch

oklch(48.0% 0.138 327.5)

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

#9E3E7E

Rose Purple · MediumVioletRed · Camellia

HEX

#9E3E7E

RGB

rgb(158, 62, 126)

HSL

hsl(320, 44%, 43%)

HSB

hsb(320, 61%, 62%)

CMYK

cmyk(0%, 61%, 20%, 38%)

Oklch

oklch(51.6% 0.148 342.7)

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

#B83D70

Dark Violet · MediumVioletRed · Camellia

HEX

#B83D70

RGB

rgb(184, 61, 112)

HSL

hsl(335, 50%, 48%)

HSB

hsb(335, 67%, 72%)

CMYK

cmyk(0%, 67%, 39%, 28%)

Oklch

oklch(54.9% 0.165 358.5)

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

#D13E36

Vermilion · Crimson · Passion Red

HEX

#D13E36

RGB

rgb(209, 62, 54)

HSL

hsl(3, 63%, 52%)

HSB

hsb(3, 74%, 82%)

CMYK

cmyk(0%, 70%, 74%, 18%)

Oklch

oklch(57.9% 0.185 27.6)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

59366B

496D37

Analogous

40376D

59366B

6D3764

Triadic

59366B

6D5B37

376D5B

Split-Comp.

59366B

646D37

376D40

Tetradic

59366B

6D4037

496D37

37646D

Contrast Matrix WCAG 2.1 Contrast

59366B	853C85	9E3E7E	B83D70	D13E36
—	1.4 Fail	1.6 Fail	1.8 Fail	2.1 Fail
1.4 Fail	—	1.2 Fail	1.3 Fail	1.5 Fail
1.6 Fail	1.2 Fail	—	1.1 Fail	1.3 Fail
1.8 Fail	1.3 Fail	1.1 Fail	—	1.1 Fail
2.1 Fail	1.5 Fail	1.3 Fail	1.1 Fail	—

White BG

9.7AAA

7.0AAA

6.1AA

5.3AA

4.7AA

Black BG

2.2Fail

3.0Fail

3.4AA Large

3.9AA Large

4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

4A4A5E

656573

74746F

838264

919038

Deuteranopia

4C4F5B

6A6F6F

7A816B

8A9361

9AA538

Tritanopia

575452

816562

996260

B25A58

CA393A

Achromatopsia

474747

5A5A5A

626262

686868

696969

Shades & Tints Shades & Tints

#59366B

Dark

Light

#853C85

Dark

Light

#9E3E7E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #59366b;
  --color-2: #853c85;
  --color-3: #9e3e7e;
  --color-4: #b83d70;
  --color-5: #d13e36;
}

SCSS

$color-1: #59366b;
$color-2: #853c85;
$color-3: #9e3e7e;
$color-4: #b83d70;
$color-5: #d13e36;

TAILWIND

colors: {
  'brand-1': '#59366b',
  'brand-2': '#853c85',
  'brand-3': '#9e3e7e',
  'brand-4': '#b83d70',
  'brand-5': '#d13e36',
}

RGB Array

[89, 54, 107], [133, 60, 133], [158, 62, 126], [184, 61, 112], [209, 62, 54]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #59366B, #853C85, #9E3E7E, #B83D70, #D13E36 is ideal for: corporate websites, product showcases, portfolios. 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: #59366b; --color-2: #853c85; --color-3: #9e3e7e; --color-4: #b83d70; --color-5: #d13e36. 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 sunset-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