#161149 + #501B47 + #882440 + #AA373E + #C84938 · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#161149

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX

#161149

RGB

rgb(22, 17, 73)

HSL

hsl(245, 62%, 18%)

HSB

hsb(245, 77%, 29%)

CMYK

cmyk(70%, 77%, 0%, 71%)

Oklch

oklch(22.9% 0.099 279.1)

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

#501B47

Rose Purple · DarkSlateGray · Eggplant

HEX

#501B47

RGB

rgb(80, 27, 71)

HSL

hsl(310, 50%, 21%)

HSB

hsb(310, 66%, 31%)

CMYK

cmyk(0%, 66%, 11%, 69%)

Oklch

oklch(32.2% 0.099 334.8)

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

#882440

Dark Violet · Brown · Camellia

HEX

#882440

RGB

rgb(136, 36, 64)

HSL

hsl(343, 58%, 34%)

HSB

hsb(343, 74%, 53%)

CMYK

cmyk(0%, 74%, 53%, 47%)

Oklch

oklch(42.7% 0.135 8.4)

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

#AA373E

Crimson · Brown · Passion Red

HEX

#AA373E

RGB

rgb(170, 55, 62)

HSL

hsl(356, 51%, 44%)

HSB

hsb(356, 68%, 67%)

CMYK

cmyk(0%, 68%, 64%, 33%)

Oklch

oklch(50.6% 0.150 20.9)

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

#C84938

Crimson · Chocolate · Passion Red

HEX

#C84938

RGB

rgb(200, 73, 56)

HSL

hsl(7, 57%, 50%)

HSB

hsb(7, 72%, 78%)

CMYK

cmyk(0%, 64%, 72%, 22%)

Oklch

oklch(57.6% 0.165 30.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

161149

464A11

Analogous

11294A

161149

33114A

Triadic

161149

4A1611

114A16

Split-Comp.

161149

4A3311

294A11

Tetradic

161149

4A1129

464A11

114A33

Contrast Matrix WCAG 2.1 Contrast

161149	501B47	882440	AA373E	C84938
—	1.3 Fail	2.0 Fail	2.7 Fail	3.7 AA Large
1.3 Fail	—	1.5 Fail	2.1 Fail	2.8 Fail
2.0 Fail	1.5 Fail	—	1.4 Fail	1.9 Fail
2.7 Fail	2.1 Fail	1.4 Fail	—	1.3 Fail
3.7 AA Large	2.8 Fail	1.9 Fail	1.3 Fail	—

White BG

17.3AAA

13.2AAA

8.8AAA

6.3AA

4.7AA

Black BG

1.2Fail

1.6Fail

2.4Fail

3.3AA Large

4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

14143B

39393C

5D5C39

78773C

91903C

Deuteranopia

141538

3C403A

636A38

7F883C

98A23D

Tritanopia

16312E

4D3432

833433

A43B3B

C23F40

Achromatopsia

191919

303030

454545

5A5A5A

6D6D6D

Shades & Tints Shades & Tints

#161149

Dark

Light

#501B47

Dark

Light

#882440

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #161149;
  --color-2: #501b47;
  --color-3: #882440;
  --color-4: #aa373e;
  --color-5: #c84938;
}

SCSS

$color-1: #161149;
$color-2: #501b47;
$color-3: #882440;
$color-4: #aa373e;
$color-5: #c84938;

TAILWIND

colors: {
  'brand-1': '#161149',
  'brand-2': '#501b47',
  'brand-3': '#882440',
  'brand-4': '#aa373e',
  'brand-5': '#c84938',
}

RGB Array

[22, 17, 73], [80, 27, 71], [136, 36, 64], [170, 55, 62], [200, 73, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #161149, #501B47, #882440, #AA373E, #C84938 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: #161149; --color-2: #501b47; --color-3: #882440; --color-4: #aa373e; --color-5: #c84938. 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