← Back to Editor

#35103A · #450B34 · #8F043A · #B71337 · #DD1838

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#35103A

Royal Purple · MidnightBlue · Dark Purple

HEX
#35103A
RGB
rgb(53, 16, 58)
HSL
hsl(293, 57%, 15%)
HSB
hsb(293, 72%, 23%)
CMYK
cmyk(9%, 72%, 0%, 77%)
Oklch
oklch(25.4% 0.086 322.7)

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

#450B34

Rose Purple · MidnightBlue · Dark Purple

HEX
#450B34
RGB
rgb(69, 11, 52)
HSL
hsl(318, 72%, 16%)
HSB
hsb(318, 84%, 27%)
CMYK
cmyk(0%, 84%, 25%, 73%)
Oklch
oklch(27.3% 0.099 342.5)

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

#8F043A

Dark Violet · Brown · Camellia

HEX
#8F043A
RGB
rgb(143, 4, 58)
HSL
hsl(337, 95%, 29%)
HSB
hsb(337, 97%, 56%)
CMYK
cmyk(0%, 97%, 59%, 44%)
Oklch
oklch(41.8% 0.165 8.6)

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

#B71337

Vermilion · FireBrick · Wine Red

HEX
#B71337
RGB
rgb(183, 19, 55)
HSL
hsl(347, 81%, 40%)
HSB
hsb(347, 90%, 72%)
CMYK
cmyk(0%, 90%, 70%, 28%)
Oklch
oklch(50.1% 0.191 18.1)

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

#DD1838

Vermilion · Crimson · Passion Red

HEX
#DD1838
RGB
rgb(221, 24, 56)
HSL
hsl(350, 80%, 48%)
HSB
hsb(350, 89%, 87%)
CMYK
cmyk(0%, 89%, 75%, 13%)
Oklch
oklch(57.4% 0.221 21.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

35103A
163C10

Analogous

21103C
35103A
3C102B

Triadic

35103A
3C3710
103C37

Split-Comp.

35103A
2B3C10
103C21

Tetradic

35103A
3C2110
163C10
102B3C

Contrast Matrix WCAG 2.1 Contrast

35103A
450B34
8F043A
B71337
DD1838
—
1.0
Fail
1.7
Fail
2.5
Fail
3.3
AA Large
1.0
Fail
—
1.7
Fail
2.3
Fail
3.2
AA Large
1.7
Fail
1.7
Fail
—
1.4
Fail
1.9
Fail
2.5
Fail
2.3
Fail
1.4
Fail
—
1.3
Fail
3.3
AA Large
3.2
AA Large
1.9
Fail
1.3
Fail
—
White BG
16.3AAA
15.5AAA
9.3AAA
6.6AA
4.9AA
Black BG
1.3Fail
1.4Fail
2.2Fail
3.2AA Large
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

252530
2C2B2A
53522D
706F2E
888630

Deuteranopia

272A2D
2F3428
5B652A
7A862C
93A22E

Tritanopia

332826
422221
882320
AF2726
D32A29

Achromatopsia

202020
212121
343434
484848
575757

Shades & Tints Shades & Tints

#35103A

Dark
Light

#450B34

Dark
Light

#8F043A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #35103a;
  --color-2: #450b34;
  --color-3: #8f043a;
  --color-4: #b71337;
  --color-5: #dd1838;
}

SCSS

$color-1: #35103a;
$color-2: #450b34;
$color-3: #8f043a;
$color-4: #b71337;
$color-5: #dd1838;

TAILWIND

colors: {
  'brand-1': '#35103a',
  'brand-2': '#450b34',
  'brand-3': '#8f043a',
  'brand-4': '#b71337',
  'brand-5': '#dd1838',
}

RGB Array

[53, 16, 58], [69, 11, 52], [143, 4, 58], [183, 19, 55], [221, 24, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #35103A, #450B34, #8F043A, #B71337, #DD1838 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: #35103a; --color-2: #450b34; --color-3: #8f043a; --color-4: #b71337; --color-5: #dd1838. 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