← Back to Editor

#C9153F · #9D1134 · #710D28 · #44081D · #180411

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

#C9153F

Vermilion · Crimson · Passion Red

HEX
#C9153F
RGB
rgb(201, 21, 63)
HSL
hsl(346, 81%, 44%)
HSB
hsb(346, 90%, 79%)
CMYK
cmyk(0%, 90%, 69%, 21%)
Oklch
oklch(53.7% 0.206 17.4)

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

#9D1134

Vermilion · Brown · Wine Red

HEX
#9D1134
RGB
rgb(157, 17, 52)
HSL
hsl(345, 80%, 34%)
HSB
hsb(345, 89%, 62%)
CMYK
cmyk(0%, 89%, 67%, 38%)
Oklch
oklch(44.9% 0.170 15.6)

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

#710D28

Dark Violet · Maroon · Raspberry

HEX
#710D28
RGB
rgb(113, 13, 40)
HSL
hsl(344, 79%, 25%)
HSB
hsb(344, 88%, 44%)
CMYK
cmyk(0%, 88%, 65%, 56%)
Oklch
oklch(35.7% 0.132 13.1)

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

#44081D

Dark Violet · Maroon · Raspberry

HEX
#44081D
RGB
rgb(68, 8, 29)
HSL
hsl(339, 79%, 15%)
HSB
hsb(339, 88%, 27%)
CMYK
cmyk(0%, 88%, 57%, 73%)
Oklch
oklch(25.8% 0.090 5.7)

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

#180411

Rose Purple · Black · Raspberry

HEX
#180411
RGB
rgb(24, 4, 17)
HSL
hsl(321, 71%, 5%)
HSB
hsb(321, 83%, 9%)
CMYK
cmyk(0%, 83%, 29%, 91%)
Oklch
oklch(15.3% 0.045 342.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9153F
15CBA1

Analogous

CB159B
C9153F
CB4615

Triadic

C9153F
40CB15
1540CB

Split-Comp.

C9153F
15CB46
159BCB

Tetradic

C9153F
9BCB15
15CBA1
4615CB

Contrast Matrix WCAG 2.1 Contrast

C9153F
9D1134
710D28
44081D
180411
—
1.4
Fail
2.0
Fail
2.8
Fail
3.4
AA Large
1.4
Fail
—
1.4
Fail
2.0
Fail
2.4
Fail
2.0
Fail
1.4
Fail
—
1.4
Fail
1.7
Fail
2.8
Fail
2.0
Fail
1.4
Fail
—
1.2
Fail
3.4
AA Large
2.4
Fail
1.7
Fail
1.2
Fail
—
White BG
5.7AA
8.2AAA
11.7AAA
16.2AAA
19.7AAA
Black BG
3.7AA Large
2.6Fail
1.8Fail
1.3Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7935
605F2C
464521
2A2918
0F0F0E

Deuteranopia

869332
69732A
4C5320
2E3217
11120D

Tritanopia

C02D2B
962523
6C1C1B
411413
170B0B

Achromatopsia

505050
3F3F3F
2E2E2E
1C1C1C
0B0B0B

Shades & Tints Shades & Tints

#C9153F

Dark
Light

#9D1134

Dark
Light

#710D28

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9153f;
  --color-2: #9d1134;
  --color-3: #710d28;
  --color-4: #44081d;
  --color-5: #180411;
}

SCSS

$color-1: #c9153f;
$color-2: #9d1134;
$color-3: #710d28;
$color-4: #44081d;
$color-5: #180411;

TAILWIND

colors: {
  'brand-1': '#c9153f',
  'brand-2': '#9d1134',
  'brand-3': '#710d28',
  'brand-4': '#44081d',
  'brand-5': '#180411',
}

RGB Array

[201, 21, 63], [157, 17, 52], [113, 13, 40], [68, 8, 29], [24, 4, 17]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9153F, #9D1134, #710D28, #44081D, #180411 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: #c9153f; --color-2: #9d1134; --color-3: #710d28; --color-4: #44081d; --color-5: #180411. 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