← Back to Editor

#730069 · #E13114 · #BC2BE4 · #FF8307 · #010B27

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#730069

Rose Purple · Purple · Eggplant

HEX
#730069
RGB
rgb(115, 0, 105)
HSL
hsl(305, 100%, 23%)
HSB
hsb(305, 100%, 45%)
CMYK
cmyk(0%, 100%, 9%, 55%)
Oklch
oklch(38.3% 0.172 333.0)

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

#E13114

Vermilion · OrangeRed · Passion Red

HEX
#E13114
RGB
rgb(225, 49, 20)
HSL
hsl(8, 84%, 48%)
HSB
hsb(8, 91%, 88%)
CMYK
cmyk(0%, 78%, 91%, 12%)
Oklch
oklch(59.2% 0.215 31.8)

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

#BC2BE4

Royal Purple · DarkOrchid · Violet

HEX
#BC2BE4
RGB
rgb(188, 43, 228)
HSL
hsl(287, 77%, 53%)
HSB
hsb(287, 81%, 89%)
CMYK
cmyk(18%, 81%, 0%, 11%)
Oklch
oklch(60.0% 0.265 317.3)

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

#FF8307

Ginger · Orange · Warm Sun

HEX
#FF8307
RGB
rgb(255, 131, 7)
HSL
hsl(30, 100%, 51%)
HSB
hsb(30, 97%, 100%)
CMYK
cmyk(0%, 49%, 97%, 0%)
Oklch
oklch(73.7% 0.183 53.9)

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

#010B27

Indigo · Black · Deep Sea Blue

HEX
#010B27
RGB
rgb(1, 11, 39)
HSL
hsl(224, 95%, 8%)
HSB
hsb(224, 97%, 15%)
CMYK
cmyk(97%, 72%, 0%, 85%)
Oklch
oklch(16.0% 0.061 261.1)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

730069
00750A

Analogous

440075
730069
750031

Triadic

730069
6C7500
006C75

Split-Comp.

730069
317500
007544

Tetradic

730069
754400
00750A
003175

Contrast Matrix WCAG 2.1 Contrast

730069
E13114
BC2BE4
FF8307
010B27
—
2.4
Fail
2.4
Fail
4.4
AA Large
1.8
Fail
2.4
Fail
—
1.0
Fail
1.8
Fail
4.3
AA Large
2.4
Fail
1.0
Fail
—
1.8
Fail
4.3
AA Large
4.4
AA Large
1.8
Fail
1.8
Fail
—
7.9
AAA
1.8
Fail
4.3
AA Large
4.3
AA Large
7.9
AAA
—
White BG
10.9AAA
4.5AA
4.6AA
2.5Fail
19.5AAA
Black BG
1.9Fail
4.7AA
4.6AA
8.5AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

414050
95931B
7D7CB7
C9C825
050520

Deuteranopia

48514A
9FAC1D
8691AD
D1DA2C
05041F

Tritanopia

6D3C37
D82122
B5948C
F93D42
021B1A

Achromatopsia

2E2E2E
626262
6B6B6B
9A9A9A
0B0B0B

Shades & Tints Shades & Tints

#730069

Dark
Light

#E13114

Dark
Light

#BC2BE4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #730069;
  --color-2: #e13114;
  --color-3: #bc2be4;
  --color-4: #ff8307;
  --color-5: #010b27;
}

SCSS

$color-1: #730069;
$color-2: #e13114;
$color-3: #bc2be4;
$color-4: #ff8307;
$color-5: #010b27;

TAILWIND

colors: {
  'brand-1': '#730069',
  'brand-2': '#e13114',
  'brand-3': '#bc2be4',
  'brand-4': '#ff8307',
  'brand-5': '#010b27',
}

RGB Array

[115, 0, 105], [225, 49, 20], [188, 43, 228], [255, 131, 7], [1, 11, 39]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #730069, #E13114, #BC2BE4, #FF8307, #010B27 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #730069; --color-2: #e13114; --color-3: #bc2be4; --color-4: #ff8307; --color-5: #010b27. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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