← Back to Editor

#3B1E54 · #7C255A · #BE2C60 · #FF3366 · #2C9492

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 App

Color Details Color Details

#3B1E54

Dark Plum · MidnightBlue · Eggplant

HEX
#3B1E54
RGB
rgb(59, 30, 84)
HSL
hsl(272, 47%, 22%)
HSB
hsb(272, 64%, 33%)
CMYK
cmyk(30%, 64%, 0%, 67%)
Oklch
oklch(30.3% 0.096 306.2)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#7C255A

Rose Purple · Purple · Camellia

HEX
#7C255A
RGB
rgb(124, 37, 90)
HSL
hsl(323, 54%, 32%)
HSB
hsb(323, 70%, 49%)
CMYK
cmyk(0%, 70%, 27%, 51%)
Oklch
oklch(41.6% 0.133 346.9)

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

#BE2C60

Dark Violet · MediumVioletRed · Camellia

HEX
#BE2C60
RGB
rgb(190, 44, 96)
HSL
hsl(339, 62%, 46%)
HSB
hsb(339, 77%, 75%)
CMYK
cmyk(0%, 77%, 49%, 25%)
Oklch
oklch(53.8% 0.184 4.8)

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

#FF3366

Vermilion · DeepPink · Passion Red

HEX
#FF3366
RGB
rgb(255, 51, 102)
HSL
hsl(345, 100%, 60%)
HSB
hsb(345, 80%, 100%)
CMYK
cmyk(0%, 80%, 60%, 0%)
Oklch
oklch(65.6% 0.235 13.3)

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

#2C9492

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#2C9492
RGB
rgb(44, 148, 146)
HSL
hsl(179, 54%, 38%)
HSB
hsb(179, 70%, 58%)
CMYK
cmyk(70%, 0%, 1%, 42%)
Oklch
oklch(60.9% 0.092 193.1)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3B1E54
36521E

Analogous

1F1E52
3B1E54
521E51

Triadic

3B1E54
523A1E
1E523A

Split-Comp.

3B1E54
51521E
1E521F

Tetradic

3B1E54
521F1E
36521E
1E5152

Contrast Matrix WCAG 2.1 Contrast

3B1E54
7C255A
BE2C60
FF3366
2C9492
—
1.5
Fail
2.5
Fail
3.9
AA Large
3.8
AA Large
1.5
Fail
—
1.6
Fail
2.6
Fail
2.5
Fail
2.5
Fail
1.6
Fail
—
1.6
Fail
1.5
Fail
3.9
AA Large
2.6
Fail
1.6
Fail
—
1.0
Fail
3.8
AA Large
2.5
Fail
1.5
Fail
1.0
Fail
—
White BG
14.0AAA
9.3AAA
5.6AA
3.5AA Large
3.6AA Large
Black BG
1.5Fail
2.3Fail
3.7AA Large
5.9AA
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2E47
56564D
7F7D53
A7A55A
595A92

Deuteranopia

303244
5B624A
879250
B3C257
534B93

Tritanopia

3A3D3A
784341
B74947
F5504E
319393

Achromatopsia

2D2D2D
454545
5E5E5E
767676
757575

Shades & Tints Shades & Tints

#3B1E54

Dark
Light

#7C255A

Dark
Light

#BE2C60

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3b1e54;
  --color-2: #7c255a;
  --color-3: #be2c60;
  --color-4: #ff3366;
  --color-5: #2c9492;
}

SCSS

$color-1: #3b1e54;
$color-2: #7c255a;
$color-3: #be2c60;
$color-4: #ff3366;
$color-5: #2c9492;

TAILWIND

colors: {
  'brand-1': '#3b1e54',
  'brand-2': '#7c255a',
  'brand-3': '#be2c60',
  'brand-4': '#ff3366',
  'brand-5': '#2c9492',
}

RGB Array

[59, 30, 84], [124, 37, 90], [190, 44, 96], [255, 51, 102], [44, 148, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3B1E54, #7C255A, #BE2C60, #FF3366, #2C9492 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: #3b1e54; --color-2: #7c255a; --color-3: #be2c60; --color-4: #ff3366; --color-5: #2c9492. 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