← Back to Editor

#2B111E · #FF0099 · #471466 · #5B0094 · #940059

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

#2B111E

Dark Violet · Black · Raspberry

HEX
#2B111E
RGB
rgb(43, 17, 30)
HSL
hsl(330, 43%, 12%)
HSB
hsb(330, 60%, 17%)
CMYK
cmyk(0%, 60%, 30%, 83%)
Oklch
oklch(22.2% 0.047 350.3)

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

#FF0099

Rose Purple · DeepPink · Camellia

HEX
#FF0099
RGB
rgb(255, 0, 153)
HSL
hsl(324, 100%, 50%)
HSB
hsb(324, 100%, 100%)
CMYK
cmyk(0%, 100%, 40%, 0%)
Oklch
oklch(65.3% 0.268 354.7)

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

#471466

Royal Purple · MidnightBlue · Eggplant

HEX
#471466
RGB
rgb(71, 20, 102)
HSL
hsl(277, 67%, 24%)
HSB
hsb(277, 80%, 40%)
CMYK
cmyk(30%, 80%, 0%, 60%)
Oklch
oklch(32.1% 0.136 308.8)

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

#5B0094

Royal Purple · Purple · Eggplant

HEX
#5B0094
RGB
rgb(91, 0, 148)
HSL
hsl(277, 100%, 29%)
HSB
hsb(277, 100%, 58%)
CMYK
cmyk(39%, 100%, 0%, 42%)
Oklch
oklch(37.9% 0.198 304.2)

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

#940059

Rose Purple · Purple · Camellia

HEX
#940059
RGB
rgb(148, 0, 89)
HSL
hsl(324, 100%, 29%)
HSB
hsb(324, 100%, 58%)
CMYK
cmyk(0%, 100%, 40%, 42%)
Oklch
oklch(43.6% 0.180 353.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2B111E
112C1F

Analogous

2C112C
2B111E
2C1111

Triadic

2B111E
1F2C11
111F2C

Split-Comp.

2B111E
112C11
112C2C

Tetradic

2B111E
2C2C11
112C1F
11112C

Contrast Matrix WCAG 2.1 Contrast

2B111E
FF0099
471466
5B0094
940059
—
4.8
AA
1.3
Fail
1.6
Fail
2.0
Fail
4.8
AA
—
3.7
AA Large
3.1
AA Large
2.4
Fail
1.3
Fail
3.7
AA Large
—
1.2
Fail
1.5
Fail
1.6
Fail
3.1
AA Large
1.2
Fail
—
1.3
Fail
2.0
Fail
2.4
Fail
1.5
Fail
1.3
Fail
—
White BG
17.5AAA
3.7AA Large
13.5AAA
11.2AAA
8.7AAA
Black BG
1.2Fail
5.7AA
1.6Fail
1.9Fail
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

20201B
918E74
313052
343370
545343

Deuteranopia

21231A
9FB36B
34384D
394068
5D683E

Tritanopia

2A1818
F25750
44423F
56544E
8D322F

Achromatopsia

1A1A1A
5E5E5E
2D2D2D
2C2C2C
363636

Shades & Tints Shades & Tints

#2B111E

Dark
Light

#FF0099

Dark
Light

#471466

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2b111e;
  --color-2: #ff0099;
  --color-3: #471466;
  --color-4: #5b0094;
  --color-5: #940059;
}

SCSS

$color-1: #2b111e;
$color-2: #ff0099;
$color-3: #471466;
$color-4: #5b0094;
$color-5: #940059;

TAILWIND

colors: {
  'brand-1': '#2b111e',
  'brand-2': '#ff0099',
  'brand-3': '#471466',
  'brand-4': '#5b0094',
  'brand-5': '#940059',
}

RGB Array

[43, 17, 30], [255, 0, 153], [71, 20, 102], [91, 0, 148], [148, 0, 89]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2B111E, #FF0099, #471466, #5B0094, #940059 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: #2b111e; --color-2: #ff0099; --color-3: #471466; --color-4: #5b0094; --color-5: #940059. 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