#531D49 + #641F4A + #72234D + #842540 + #9E273B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#531D49

Rose Purple · DarkSlateGray · Eggplant

HEX

#531D49

RGB

rgb(83, 29, 73)

HSL

hsl(311, 48%, 22%)

HSB

hsb(311, 65%, 33%)

CMYK

cmyk(0%, 65%, 12%, 67%)

Oklch

oklch(33.0% 0.100 335.5)

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

#641F4A

Rose Purple · Purple · Camellia

HEX

#641F4A

RGB

rgb(100, 31, 74)

HSL

hsl(323, 53%, 26%)

HSB

hsb(323, 69%, 39%)

CMYK

cmyk(0%, 69%, 26%, 61%)

Oklch

oklch(36.2% 0.112 345.7)

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

#72234D

Rose Purple · Brown · Camellia

HEX

#72234D

RGB

rgb(114, 35, 77)

HSL

hsl(328, 53%, 29%)

HSB

hsb(328, 69%, 45%)

CMYK

cmyk(0%, 69%, 32%, 55%)

Oklch

oklch(39.2% 0.120 351.2)

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

#842540

Dark Violet · Brown · Camellia

HEX

#842540

RGB

rgb(132, 37, 64)

HSL

hsl(343, 56%, 33%)

HSB

hsb(343, 72%, 52%)

CMYK

cmyk(0%, 72%, 52%, 48%)

Oklch

oklch(42.1% 0.130 7.7)

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

#9E273B

Crimson · Brown · Wine Red

HEX

#9E273B

RGB

rgb(158, 39, 59)

HSL

hsl(350, 60%, 39%)

HSB

hsb(350, 75%, 62%)

CMYK

cmyk(0%, 75%, 63%, 38%)

Oklch

oklch(46.8% 0.154 16.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

531D49

1D5327

Analogous

421D53

531D49

531D2E

Triadic

531D49

49531D

1D4953

Split-Comp.

531D49

2E531D

1D5342

Tetradic

531D49

53421D

1D5327

1D2E53

Contrast Matrix WCAG 2.1 Contrast

531D49	641F4A	72234D	842540	9E273B
—	1.1 Fail	1.3 Fail	1.4 Fail	1.7 Fail
1.1 Fail	—	1.1 Fail	1.3 Fail	1.5 Fail
1.3 Fail	1.1 Fail	—	1.1 Fail	1.4 Fail
1.4 Fail	1.3 Fail	1.1 Fail	—	1.2 Fail
1.7 Fail	1.5 Fail	1.4 Fail	1.2 Fail	—

White BG

12.8AAA

11.4AAA

10.2AAA

9.1AAA

7.5AAA

Black BG

1.6Fail

1.8Fail

2.1Fail

2.3Fail

2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

3C3B3E

464640

504F43

5B5A39

6A6936

Deuteranopia

3F433C

4A4F3D

545A40

606738

717A35

Tritanopia

503634

613736

6E3B39

7F3433

983232

Achromatopsia

323232

393939

3F3F3F

444444

4D4D4D

Shades & Tints Shades & Tints

#531D49

Dark

Light

#641F4A

Dark

Light

#72234D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #531d49;
  --color-2: #641f4a;
  --color-3: #72234d;
  --color-4: #842540;
  --color-5: #9e273b;
}

SCSS

$color-1: #531d49;
$color-2: #641f4a;
$color-3: #72234d;
$color-4: #842540;
$color-5: #9e273b;

TAILWIND

colors: {
  'brand-1': '#531d49',
  'brand-2': '#641f4a',
  'brand-3': '#72234d',
  'brand-4': '#842540',
  'brand-5': '#9e273b',
}

RGB Array

[83, 29, 73], [100, 31, 74], [114, 35, 77], [132, 37, 64], [158, 39, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #531D49, #641F4A, #72234D, #842540, #9E273B 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: #531d49; --color-2: #641f4a; --color-3: #72234d; --color-4: #842540; --color-5: #9e273b. 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