← Back to Editor

#4C1B30 · #621620 · #941F25 · #C42925 · #EE3137

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

#4C1B30

Dark Violet · DarkSlateGray · Raspberry

HEX
#4C1B30
RGB
rgb(76, 27, 48)
HSL
hsl(334, 48%, 20%)
HSB
hsb(334, 64%, 30%)
CMYK
cmyk(0%, 64%, 37%, 70%)
Oklch
oklch(30.4% 0.078 356.0)

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

#621620

Vermilion · Maroon · Wine Red

HEX
#621620
RGB
rgb(98, 22, 32)
HSL
hsl(352, 63%, 24%)
HSB
hsb(352, 78%, 38%)
CMYK
cmyk(0%, 78%, 67%, 62%)
Oklch
oklch(33.3% 0.108 18.2)

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

#941F25

Vermilion · Brown · Wine Red

HEX
#941F25
RGB
rgb(148, 31, 37)
HSL
hsl(357, 65%, 35%)
HSB
hsb(357, 79%, 58%)
CMYK
cmyk(0%, 79%, 75%, 42%)
Oklch
oklch(43.9% 0.152 23.8)

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

#C42925

Vermilion · FireBrick · Passion Red

HEX
#C42925
RGB
rgb(196, 41, 37)
HSL
hsl(2, 68%, 46%)
HSB
hsb(2, 81%, 77%)
CMYK
cmyk(0%, 79%, 81%, 23%)
Oklch
oklch(53.5% 0.192 27.6)

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

#EE3137

Vermilion · Crimson · Passion Red

HEX
#EE3137
RGB
rgb(238, 49, 55)
HSL
hsl(358, 85%, 56%)
HSB
hsb(358, 79%, 93%)
CMYK
cmyk(0%, 79%, 77%, 7%)
Oklch
oklch(61.8% 0.223 25.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4C1B30
1B4B36

Analogous

4B1B48
4C1B30
4B1E1B

Triadic

4C1B30
304B1B
1B304B

Split-Comp.

4C1B30
1B4B1E
1B484B

Tetradic

4C1B30
484B1B
1B4B36
1E1B4B

Contrast Matrix WCAG 2.1 Contrast

4C1B30
621620
941F25
C42925
EE3137
—
1.1
Fail
1.6
Fail
2.4
Fail
3.4
AA Large
1.1
Fail
—
1.5
Fail
2.2
Fail
3.1
AA Large
1.6
Fail
1.5
Fail
—
1.5
Fail
2.1
Fail
2.4
Fail
2.2
Fail
1.5
Fail
—
1.4
Fail
3.4
AA Large
3.1
AA Large
2.1
Fail
1.4
Fail
—
White BG
13.9AAA
12.7AAA
8.5AAA
5.7AA
4.1AA Large
Black BG
1.5Fail
1.7Fail
2.5Fail
3.7AA Large
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

37362B
41401E
616024
817F26
9C9A36

Deuteranopia

3A3D2A
464B1D
687123
8A9626
A7B535

Tritanopia

4A2726
5E1C1B
8E2222
BC2727
E53434

Achromatopsia

2C2C2C
2E2E2E
434343
575757
6A6A6A

Shades & Tints Shades & Tints

#4C1B30

Dark
Light

#621620

Dark
Light

#941F25

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4c1b30;
  --color-2: #621620;
  --color-3: #941f25;
  --color-4: #c42925;
  --color-5: #ee3137;
}

SCSS

$color-1: #4c1b30;
$color-2: #621620;
$color-3: #941f25;
$color-4: #c42925;
$color-5: #ee3137;

TAILWIND

colors: {
  'brand-1': '#4c1b30',
  'brand-2': '#621620',
  'brand-3': '#941f25',
  'brand-4': '#c42925',
  'brand-5': '#ee3137',
}

RGB Array

[76, 27, 48], [98, 22, 32], [148, 31, 37], [196, 41, 37], [238, 49, 55]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4C1B30, #621620, #941F25, #C42925, #EE3137 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: #4c1b30; --color-2: #621620; --color-3: #941f25; --color-4: #c42925; --color-5: #ee3137. 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