← Back to Editor

#961838 · #78143A · #59103D · #3A0C40 · #150632

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#961838

Vermilion · Brown · Wine Red

HEX
#961838
RGB
rgb(150, 24, 56)
HSL
hsl(345, 72%, 34%)
HSB
hsb(345, 84%, 59%)
CMYK
cmyk(0%, 84%, 63%, 41%)
Oklch
oklch(44.1% 0.159 13.4)

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

#78143A

Dark Violet · Brown · Camellia

HEX
#78143A
RGB
rgb(120, 20, 58)
HSL
hsl(337, 71%, 27%)
HSB
hsb(337, 83%, 47%)
CMYK
cmyk(0%, 83%, 52%, 53%)
Oklch
oklch(38.1% 0.136 4.2)

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

#59103D

Rose Purple · Maroon · Raspberry

HEX
#59103D
RGB
rgb(89, 16, 61)
HSL
hsl(323, 70%, 21%)
HSB
hsb(323, 82%, 35%)
CMYK
cmyk(0%, 82%, 31%, 65%)
Oklch
oklch(32.0% 0.115 347.9)

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

#3A0C40

Royal Purple · MidnightBlue · Dark Purple

HEX
#3A0C40
RGB
rgb(58, 12, 64)
HSL
hsl(293, 68%, 15%)
HSB
hsb(293, 81%, 25%)
CMYK
cmyk(9%, 81%, 0%, 75%)
Oklch
oklch(26.2% 0.101 322.8)

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

#150632

Deep Indigo · Black · Dark Purple

HEX
#150632
RGB
rgb(21, 6, 50)
HSL
hsl(260, 79%, 11%)
HSB
hsb(260, 88%, 20%)
CMYK
cmyk(58%, 88%, 0%, 80%)
Oklch
oklch(18.3% 0.081 292.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

961838
189576

Analogous

951876
961838
953718

Triadic

961838
379518
183795

Split-Comp.

961838
189537
187695

Tetradic

961838
769518
189576
371895

Contrast Matrix WCAG 2.1 Contrast

961838
78143A
59103D
3A0C40
150632
—
1.3
Fail
1.6
Fail
1.9
Fail
2.3
Fail
1.3
Fail
—
1.3
Fail
1.5
Fail
1.8
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
1.4
Fail
1.9
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
2.3
Fail
1.8
Fail
1.4
Fail
1.2
Fail
—
White BG
8.5AAA
10.7AAA
13.4AAA
16.1AAA
19.0AAA
Black BG
2.5Fail
2.0Fail
1.6Fail
1.3Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

5F5E30
4D4C31
393932
262633
0F0E27

Deuteranopia

67702E
535A2F
3E432F
292C30
0F1125

Tritanopia

902A29
732A28
552A28
382927
141F1D

Achromatopsia

414141
363636
2B2B2B
202020
101010

Shades & Tints Shades & Tints

#961838

Dark
Light

#78143A

Dark
Light

#59103D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #961838;
  --color-2: #78143a;
  --color-3: #59103d;
  --color-4: #3a0c40;
  --color-5: #150632;
}

SCSS

$color-1: #961838;
$color-2: #78143a;
$color-3: #59103d;
$color-4: #3a0c40;
$color-5: #150632;

TAILWIND

colors: {
  'brand-1': '#961838',
  'brand-2': '#78143a',
  'brand-3': '#59103d',
  'brand-4': '#3a0c40',
  'brand-5': '#150632',
}

RGB Array

[150, 24, 56], [120, 20, 58], [89, 16, 61], [58, 12, 64], [21, 6, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #961838, #78143A, #59103D, #3A0C40, #150632 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #961838; --color-2: #78143a; --color-3: #59103d; --color-4: #3a0c40; --color-5: #150632. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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