← Back to Editor

#E35542 · #BD2B2B · #9E1B30 · #780E3D · #520435

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

#E35542

Vermilion · Tomato · Passion Red

HEX
#E35542
RGB
rgb(227, 85, 66)
HSL
hsl(7, 74%, 57%)
HSB
hsb(7, 71%, 89%)
CMYK
cmyk(0%, 63%, 71%, 11%)
Oklch
oklch(63.5% 0.180 30.4)

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

#BD2B2B

Vermilion · FireBrick · Passion Red

HEX
#BD2B2B
RGB
rgb(189, 43, 43)
HSL
hsl(0, 63%, 45%)
HSB
hsb(0, 77%, 74%)
CMYK
cmyk(0%, 77%, 77%, 26%)
Oklch
oklch(52.5% 0.183 26.2)

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

#9E1B30

Vermilion · Brown · Wine Red

HEX
#9E1B30
RGB
rgb(158, 27, 48)
HSL
hsl(350, 71%, 36%)
HSB
hsb(350, 83%, 62%)
CMYK
cmyk(0%, 83%, 70%, 38%)
Oklch
oklch(45.6% 0.164 19.0)

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

#780E3D

Dark Violet · Brown · Camellia

HEX
#780E3D
RGB
rgb(120, 14, 61)
HSL
hsl(333, 79%, 26%)
HSB
hsb(333, 88%, 47%)
CMYK
cmyk(0%, 88%, 49%, 53%)
Oklch
oklch(37.8% 0.141 1.2)

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

#520435

Rose Purple · Maroon · Raspberry

HEX
#520435
RGB
rgb(82, 4, 53)
HSL
hsl(322, 91%, 17%)
HSB
hsb(322, 95%, 32%)
CMYK
cmyk(0%, 95%, 35%, 68%)
Oklch
oklch(29.3% 0.117 349.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E35542
40D0E2

Analogous

E2407E
E35542
E2A440

Triadic

E35542
40E253
5340E2

Split-Comp.

E35542
40E2A4
407EE2

Tetradic

E35542
7EE240
40D0E2
A440E2

Contrast Matrix WCAG 2.1 Contrast

E35542
BD2B2B
9E1B30
780E3D
520435
—
1.6
Fail
2.1
Fail
2.9
Fail
4.0
AA Large
1.6
Fail
—
1.3
Fail
1.8
Fail
2.5
Fail
2.1
Fail
1.3
Fail
—
1.4
Fail
1.9
Fail
2.9
Fail
1.8
Fail
1.4
Fail
—
1.4
Fail
4.0
AA Large
2.5
Fail
1.9
Fail
1.4
Fail
—
White BG
3.7AA Large
5.9AA
7.9AAA
10.9AAA
14.7AAA
Black BG
5.6AA
3.5AA Large
2.7Fail
1.9Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A447
7E7C2B
65642B
4A4932
303029

Deuteranopia

AEB848
86912B
6D772A
50582F
353B26

Tritanopia

DC4A4B
B62B2B
972726
732927
4E201E

Achromatopsia

7D7D7D
575757
454545
333333
212121

Shades & Tints Shades & Tints

#E35542

Dark
Light

#BD2B2B

Dark
Light

#9E1B30

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e35542;
  --color-2: #bd2b2b;
  --color-3: #9e1b30;
  --color-4: #780e3d;
  --color-5: #520435;
}

SCSS

$color-1: #e35542;
$color-2: #bd2b2b;
$color-3: #9e1b30;
$color-4: #780e3d;
$color-5: #520435;

TAILWIND

colors: {
  'brand-1': '#e35542',
  'brand-2': '#bd2b2b',
  'brand-3': '#9e1b30',
  'brand-4': '#780e3d',
  'brand-5': '#520435',
}

RGB Array

[227, 85, 66], [189, 43, 43], [158, 27, 48], [120, 14, 61], [82, 4, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E35542, #BD2B2B, #9E1B30, #780E3D, #520435 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: #e35542; --color-2: #bd2b2b; --color-3: #9e1b30; --color-4: #780e3d; --color-5: #520435. 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