#212331 + #2E0D52 + #53055A + #47283F + #521540 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#212331

Indigo · DarkSlateGray · Deep Sea Blue

HEX

#212331

RGB

rgb(33, 35, 49)

HSL

hsl(233, 20%, 16%)

HSB

hsb(233, 33%, 19%)

CMYK

cmyk(33%, 29%, 0%, 81%)

Oklch

oklch(26.1% 0.026 278.1)

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

#2E0D52

Deep Indigo · MidnightBlue · Dark Purple

HEX

#2E0D52

RGB

rgb(46, 13, 82)

HSL

hsl(269, 73%, 19%)

HSB

hsb(269, 84%, 32%)

CMYK

cmyk(44%, 84%, 0%, 68%)

Oklch

oklch(26.0% 0.116 299.9)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#53055A

Royal Purple · Purple · Dark Purple

HEX

#53055A

RGB

rgb(83, 5, 90)

HSL

hsl(295, 89%, 19%)

HSB

hsb(295, 94%, 35%)

CMYK

cmyk(8%, 94%, 0%, 65%)

Oklch

oklch(31.9% 0.144 324.2)

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

#47283F

Rose Purple · DarkSlateGray · Eggplant

HEX

#47283F

RGB

rgb(71, 40, 63)

HSL

hsl(315, 28%, 22%)

HSB

hsb(315, 44%, 28%)

CMYK

cmyk(0%, 44%, 11%, 72%)

Oklch

oklch(32.5% 0.058 337.0)

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

#521540

Rose Purple · DarkSlateGray · Dark Purple

HEX

#521540

RGB

rgb(82, 21, 64)

HSL

hsl(318, 59%, 20%)

HSB

hsb(318, 74%, 32%)

CMYK

cmyk(0%, 74%, 22%, 68%)

Oklch

oklch(31.4% 0.104 341.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

212331

312F21

Analogous

212B31

212331

272131

Triadic

212331

312123

233121

Split-Comp.

212331

312721

2B3121

Tetradic

212331

31212B

312F21

213127

Contrast Matrix WCAG 2.1 Contrast

212331	2E0D52	53055A	47283F	521540
—	1.0 Fail	1.1 Fail	1.2 Fail	1.1 Fail
1.0 Fail	—	1.2 Fail	1.3 Fail	1.2 Fail
1.1 Fail	1.2 Fail	—	1.1 Fail	1.0 Fail
1.2 Fail	1.3 Fail	1.1 Fail	—	1.1 Fail
1.1 Fail	1.2 Fail	1.0 Fail	1.1 Fail	—

White BG

15.6AAA

16.2AAA

13.7AAA

12.8AAA

13.6AAA

Black BG

1.3Fail

1.5Fail

1.6Fail

1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

22222E

201F41

313145

3A3939

383736

Deuteranopia

22222D

22243D

363C41

3B3E38

3B4033

Tritanopia

212B2A

2C3431

4F3532

453534

4F2D2C

Achromatopsia

242424

1F1F1F

262626

343434

2C2C2C

Shades & Tints Shades & Tints

#212331

Dark

Light

#2E0D52

Dark

Light

#53055A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #212331;
  --color-2: #2e0d52;
  --color-3: #53055a;
  --color-4: #47283f;
  --color-5: #521540;
}

SCSS

$color-1: #212331;
$color-2: #2e0d52;
$color-3: #53055a;
$color-4: #47283f;
$color-5: #521540;

TAILWIND

colors: {
  'brand-1': '#212331',
  'brand-2': '#2e0d52',
  'brand-3': '#53055a',
  'brand-4': '#47283f',
  'brand-5': '#521540',
}

RGB Array

[33, 35, 49], [46, 13, 82], [83, 5, 90], [71, 40, 63], [82, 21, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #212331, #2E0D52, #53055A, #47283F, #521540 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: #212331; --color-2: #2e0d52; --color-3: #53055a; --color-4: #47283f; --color-5: #521540. 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