#2B153B + #49154D + #5E1556 + #7D155C + #962D46 · 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

#2B153B

Dark Plum · MidnightBlue · Dark Purple

HEX

#2B153B

RGB

rgb(43, 21, 59)

HSL

hsl(275, 48%, 16%)

HSB

hsb(275, 64%, 23%)

CMYK

cmyk(27%, 64%, 0%, 77%)

Oklch

oklch(24.7% 0.073 308.7)

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

#49154D

Royal Purple · MidnightBlue · Dark Purple

HEX

#49154D

RGB

rgb(73, 21, 77)

HSL

hsl(296, 57%, 19%)

HSB

hsb(296, 73%, 30%)

CMYK

cmyk(5%, 73%, 0%, 70%)

Oklch

oklch(30.6% 0.110 324.8)

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

#5E1556

Rose Purple · Purple · Eggplant

HEX

#5E1556

RGB

rgb(94, 21, 86)

HSL

hsl(307, 63%, 23%)

HSB

hsb(307, 78%, 37%)

CMYK

cmyk(0%, 78%, 9%, 63%)

Oklch

oklch(34.7% 0.130 332.9)

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

#7D155C

Rose Purple · Purple · Eggplant

HEX

#7D155C

RGB

rgb(125, 21, 92)

HSL

hsl(319, 71%, 29%)

HSB

hsb(319, 83%, 49%)

CMYK

cmyk(0%, 83%, 26%, 51%)

Oklch

oklch(40.5% 0.154 344.6)

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

#962D46

Crimson · Brown · Wine Red

HEX

#962D46

RGB

rgb(150, 45, 70)

HSL

hsl(346, 54%, 38%)

HSB

hsb(346, 70%, 59%)

CMYK

cmyk(0%, 70%, 53%, 41%)

Oklch

oklch(46.3% 0.140 10.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2B153B

263C15

Analogous

18153C

2B153B

3C1539

Triadic

2B153B

3C2C15

153C2C

Split-Comp.

2B153B

393C15

153C18

Tetradic

2B153B

3C1815

263C15

15393C

Contrast Matrix WCAG 2.1 Contrast

2B153B	49154D	5E1556	7D155C	962D46
—	1.2 Fail	1.3 Fail	1.7 Fail	2.2 Fail
1.2 Fail	—	1.1 Fail	1.4 Fail	1.8 Fail
1.3 Fail	1.1 Fail	—	1.2 Fail	1.6 Fail
1.7 Fail	1.4 Fail	1.2 Fail	—	1.3 Fail
2.2 Fail	1.8 Fail	1.6 Fail	1.3 Fail	—

White BG

16.5AAA

14.0AAA

12.2AAA

9.8AAA

7.6AAA

Black BG

1.3Fail

1.5Fail

1.7Fail

2.1Fail

2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

212132

32323F

3E3E46

504F4B

696840

Deuteranopia

232430

36393C

434843

565E47

6F773F

Tritanopia

2A2B29

463532

5A3A37

783D3A

913B3A

Achromatopsia

202020

2B2B2B

323232

3C3C3C

4F4F4F

Shades & Tints Shades & Tints

#2B153B

Dark

Light

#49154D

Dark

Light

#5E1556

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2b153b;
  --color-2: #49154d;
  --color-3: #5e1556;
  --color-4: #7d155c;
  --color-5: #962d46;
}

SCSS

$color-1: #2b153b;
$color-2: #49154d;
$color-3: #5e1556;
$color-4: #7d155c;
$color-5: #962d46;

TAILWIND

colors: {
  'brand-1': '#2b153b',
  'brand-2': '#49154d',
  'brand-3': '#5e1556',
  'brand-4': '#7d155c',
  'brand-5': '#962d46',
}

RGB Array

[43, 21, 59], [73, 21, 77], [94, 21, 86], [125, 21, 92], [150, 45, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #2B153B, #49154D, #5E1556, #7D155C, #962D46 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: #2b153b; --color-2: #49154d; --color-3: #5e1556; --color-4: #7d155c; --color-5: #962d46. 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 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