← Back to Editor

#730C43 · #BA1631 · #D84227 · #E67122 · #F89B3B

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

#730C43

Rose Purple · Brown · Raspberry

HEX
#730C43
RGB
rgb(115, 12, 67)
HSL
hsl(328, 81%, 25%)
HSB
hsb(328, 90%, 45%)
CMYK
cmyk(0%, 90%, 42%, 55%)
Oklch
oklch(36.9% 0.141 355.2)

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

#BA1631

Vermilion · FireBrick · Passion Red

HEX
#BA1631
RGB
rgb(186, 22, 49)
HSL
hsl(350, 79%, 41%)
HSB
hsb(350, 88%, 73%)
CMYK
cmyk(0%, 88%, 74%, 27%)
Oklch
oklch(50.7% 0.193 20.8)

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

#D84227

Vermilion · Chocolate · Passion Red

HEX
#D84227
RGB
rgb(216, 66, 39)
HSL
hsl(9, 69%, 50%)
HSB
hsb(9, 82%, 85%)
CMYK
cmyk(0%, 69%, 82%, 15%)
Oklch
oklch(59.3% 0.191 32.5)

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

#E67122

Tangerine · Chocolate · Warm Sun

HEX
#E67122
RGB
rgb(230, 113, 34)
HSL
hsl(24, 80%, 52%)
HSB
hsb(24, 85%, 90%)
CMYK
cmyk(0%, 51%, 85%, 10%)
Oklch
oklch(67.5% 0.168 49.0)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#F89B3B

Ginger · Coral · Warm Sun

HEX
#F89B3B
RGB
rgb(248, 155, 59)
HSL
hsl(30, 93%, 60%)
HSB
hsb(30, 76%, 97%)
CMYK
cmyk(0%, 38%, 76%, 3%)
Oklch
oklch(76.9% 0.153 62.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

730C43
0C733C

Analogous

700C73
730C43
730C10

Triadic

730C43
43730C
0C4373

Split-Comp.

730C43
10730C
0C7370

Tetradic

730C43
73700C
0C733C
0C1073

Contrast Matrix WCAG 2.1 Contrast

730C43
BA1631
D84227
E67122
F89B3B
—
1.7
Fail
2.5
Fail
3.6
AA Large
5.2
AA
1.7
Fail
—
1.5
Fail
2.1
Fail
3.0
AA Large
2.5
Fail
1.5
Fail
—
1.4
Fail
2.1
Fail
3.6
AA Large
2.1
Fail
1.4
Fail
—
1.4
Fail
5.2
AA
3.0
AA Large
2.1
Fail
1.4
Fail
—
White BG
11.3AAA
6.5AA
4.4AA Large
3.1AA Large
2.2Fail
Black BG
1.9Fail
3.2AA Large
4.7AA
6.7AA
9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

464536
73722A
97962E
B3B235
D0CF52

Deuteranopia

4C5433
7D8929
A0AB2F
BAC33A
D5DC58

Tritanopia

6E2B29
B22524
D13334
E04448
F36569

Achromatopsia

313131
4A4A4A
6C6C6C
8B8B8B
ACACAC

Shades & Tints Shades & Tints

#730C43

Dark
Light

#BA1631

Dark
Light

#D84227

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #730c43;
  --color-2: #ba1631;
  --color-3: #d84227;
  --color-4: #e67122;
  --color-5: #f89b3b;
}

SCSS

$color-1: #730c43;
$color-2: #ba1631;
$color-3: #d84227;
$color-4: #e67122;
$color-5: #f89b3b;

TAILWIND

colors: {
  'brand-1': '#730c43',
  'brand-2': '#ba1631',
  'brand-3': '#d84227',
  'brand-4': '#e67122',
  'brand-5': '#f89b3b',
}

RGB Array

[115, 12, 67], [186, 22, 49], [216, 66, 39], [230, 113, 34], [248, 155, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #730C43, #BA1631, #D84227, #E67122, #F89B3B is ideal for: social media posters, mobile apps, e-commerce promos. 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: #730c43; --color-2: #ba1631; --color-3: #d84227; --color-4: #e67122; --color-5: #f89b3b. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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