#362B3D + #910022 + #6B004F + #320C3D + #595A6F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#362B3D

Dark Plum · DarkSlateGray · Dark Purple

HEX

#362B3D

RGB

rgb(54, 43, 61)

HSL

hsl(277, 17%, 20%)

HSB

hsb(277, 30%, 24%)

CMYK

cmyk(11%, 30%, 0%, 76%)

Oklch

oklch(30.9% 0.035 312.0)

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

#910022

Vermilion · DarkRed · Wine Red

HEX

#910022

RGB

rgb(145, 0, 34)

HSL

hsl(346, 100%, 28%)

HSB

hsb(346, 100%, 57%)

CMYK

cmyk(0%, 100%, 77%, 43%)

Oklch

oklch(41.5% 0.167 20.1)

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

#6B004F

Rose Purple · Purple · Eggplant

HEX

#6B004F

RGB

rgb(107, 0, 79)

HSL

hsl(316, 100%, 21%)

HSB

hsb(316, 100%, 42%)

CMYK

cmyk(0%, 100%, 26%, 58%)

Oklch

oklch(35.3% 0.151 343.3)

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

#320C3D

Royal Purple · MidnightBlue · Dark Purple

HEX

#320C3D

RGB

rgb(50, 12, 61)

HSL

hsl(287, 67%, 14%)

HSB

hsb(287, 80%, 24%)

CMYK

cmyk(18%, 80%, 0%, 76%)

Oklch

oklch(24.6% 0.094 317.6)

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

#595A6F

Indigo · DimGray · Prussian Blue

HEX

#595A6F

RGB

rgb(89, 90, 111)

HSL

hsl(237, 11%, 39%)

HSB

hsb(237, 20%, 44%)

CMYK

cmyk(20%, 19%, 0%, 56%)

Oklch

oklch(47.5% 0.034 282.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

362B3D

313C2A

Analogous

2C2A3C

362B3D

3C2A3A

Triadic

362B3D

3C352A

2A3C35

Split-Comp.

362B3D

3A3C2A

2A3C2C

Tetradic

362B3D

3C2C2A

313C2A

2A3A3C

Contrast Matrix WCAG 2.1 Contrast

362B3D	910022	6B004F	320C3D	595A6F
—	1.4 Fail	1.1 Fail	1.3 Fail	2.0 Fail
1.4 Fail	—	1.3 Fail	1.8 Fail	1.4 Fail
1.1 Fail	1.3 Fail	—	1.4 Fail	1.8 Fail
1.3 Fail	1.8 Fail	1.4 Fail	—	2.5 Fail
2.0 Fail	1.4 Fail	1.8 Fail	2.5 Fail	—

White BG

13.4AAA

9.4AAA

12.1AAA

16.7AAA

6.7AA

Black BG

1.6Fail

2.2Fail

1.7Fail

1.3Fail

3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

313139

52511A

3D3C3C

222131

59596A

Deuteranopia

323338

5B6618

434B37

24272E

595969

Tritanopia

353534

8A1312

662D29

302826

596665

Achromatopsia

303030

2F2F2F

292929

1D1D1D

5C5C5C

Shades & Tints Shades & Tints

#362B3D

Dark

Light

#910022

Dark

Light

#6B004F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #362b3d;
  --color-2: #910022;
  --color-3: #6b004f;
  --color-4: #320c3d;
  --color-5: #595a6f;
}

SCSS

$color-1: #362b3d;
$color-2: #910022;
$color-3: #6b004f;
$color-4: #320c3d;
$color-5: #595a6f;

TAILWIND

colors: {
  'brand-1': '#362b3d',
  'brand-2': '#910022',
  'brand-3': '#6b004f',
  'brand-4': '#320c3d',
  'brand-5': '#595a6f',
}

RGB Array

[54, 43, 61], [145, 0, 34], [107, 0, 79], [50, 12, 61], [89, 90, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #362B3D, #910022, #6B004F, #320C3D, #595A6F 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: #362b3d; --color-2: #910022; --color-3: #6b004f; --color-4: #320c3d; --color-5: #595a6f. 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