← Back to Editor

#0A090E · #730240 · #930A7C · #B122BC · #866AE5

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

#0A090E

Deep Indigo · Black · Deep Sea Blue

HEX
#0A090E
RGB
rgb(10, 9, 14)
HSL
hsl(252, 22%, 5%)
HSB
hsb(252, 36%, 5%)
CMYK
cmyk(29%, 36%, 0%, 95%)
Oklch
oklch(14.4% 0.011 294.4)

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

#730240

Rose Purple · Maroon · Raspberry

HEX
#730240
RGB
rgb(115, 2, 64)
HSL
hsl(327, 97%, 23%)
HSB
hsb(327, 98%, 45%)
CMYK
cmyk(0%, 98%, 44%, 55%)
Oklch
oklch(36.3% 0.147 356.2)

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

#930A7C

Rose Purple · DarkMagenta · Eggplant

HEX
#930A7C
RGB
rgb(147, 10, 124)
HSL
hsl(310, 87%, 31%)
HSB
hsb(310, 93%, 58%)
CMYK
cmyk(0%, 93%, 16%, 42%)
Oklch
oklch(45.5% 0.194 337.3)

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

#B122BC

Royal Purple · DarkOrchid · Violet

HEX
#B122BC
RGB
rgb(177, 34, 188)
HSL
hsl(296, 69%, 44%)
HSB
hsb(296, 82%, 74%)
CMYK
cmyk(6%, 82%, 0%, 26%)
Oklch
oklch(55.2% 0.237 324.8)

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

#866AE5

Wisteria · MediumSlateBlue · Cobalt Blue

HEX
#866AE5
RGB
rgb(134, 106, 229)
HSL
hsl(254, 70%, 66%)
HSB
hsb(254, 54%, 90%)
CMYK
cmyk(41%, 54%, 0%, 10%)
Oklch
oklch(61.1% 0.179 290.6)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0A090E
0E100A

Analogous

0A0C10
0A090E
0E0A10

Triadic

0A090E
100B0A
0A100B

Split-Comp.

0A090E
100E0A
0C100A

Tetradic

0A090E
100A0C
0E100A
0A100E

Contrast Matrix WCAG 2.1 Contrast

0A090E
730240
930A7C
B122BC
866AE5
—
1.7
Fail
2.4
Fail
3.6
AA Large
4.9
AA
1.7
Fail
—
1.4
Fail
2.1
Fail
2.9
Fail
2.4
Fail
1.4
Fail
—
1.5
Fail
2.0
Fail
3.6
AA Large
2.1
Fail
1.5
Fail
—
1.4
Fail
4.9
AA
2.9
Fail
2.0
Fail
1.4
Fail
—
White BG
19.8AAA
11.6AAA
8.2AAA
5.5AA
4.0AA Large
Black BG
1.1Fail
1.8Fail
2.6Fail
3.8AA Large
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0A0A0D
424131
585660
737297
7A7AC7

Deuteranopia

0A0A0C
49512D
606A5A
7B868E
7C7EC0

Tritanopia

0A0C0C
6D2523
8C4B46
AA7973
85B0AB

Achromatopsia

0A0A0A
2B2B2B
404040
5E5E5E
808080

Shades & Tints Shades & Tints

#0A090E

Dark
Light

#730240

Dark
Light

#930A7C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0a090e;
  --color-2: #730240;
  --color-3: #930a7c;
  --color-4: #b122bc;
  --color-5: #866ae5;
}

SCSS

$color-1: #0a090e;
$color-2: #730240;
$color-3: #930a7c;
$color-4: #b122bc;
$color-5: #866ae5;

TAILWIND

colors: {
  'brand-1': '#0a090e',
  'brand-2': '#730240',
  'brand-3': '#930a7c',
  'brand-4': '#b122bc',
  'brand-5': '#866ae5',
}

RGB Array

[10, 9, 14], [115, 2, 64], [147, 10, 124], [177, 34, 188], [134, 106, 229]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0A090E, #730240, #930A7C, #B122BC, #866AE5 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: #0a090e; --color-2: #730240; --color-3: #930a7c; --color-4: #b122bc; --color-5: #866ae5. 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