← Back to Editor

#5A2B6A · #970266 · #DC0B5C · #B5A846 · #F1E4B2

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 AppData Visualization

Color Details Color Details

#5A2B6A

Dark Plum · DarkSlateBlue · Eggplant

HEX
#5A2B6A
RGB
rgb(90, 43, 106)
HSL
hsl(285, 42%, 29%)
HSB
hsb(285, 59%, 42%)
CMYK
cmyk(15%, 59%, 0%, 58%)
Oklch
oklch(38.1% 0.114 316.8)

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

#970266

Rose Purple · Purple · Camellia

HEX
#970266
RGB
rgb(151, 2, 102)
HSL
hsl(320, 97%, 30%)
HSB
hsb(320, 99%, 59%)
CMYK
cmyk(0%, 99%, 32%, 41%)
Oklch
oklch(44.8% 0.187 348.3)

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

#DC0B5C

Dark Violet · Crimson · Camellia

HEX
#DC0B5C
RGB
rgb(220, 11, 92)
HSL
hsl(337, 90%, 45%)
HSB
hsb(337, 95%, 86%)
CMYK
cmyk(0%, 95%, 58%, 14%)
Oklch
oklch(57.5% 0.226 9.1)

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

#B5A846

Autumn Sage · GoldenRod · Honey Gold

HEX
#B5A846
RGB
rgb(181, 168, 70)
HSL
hsl(53, 44%, 49%)
HSB
hsb(53, 61%, 71%)
CMYK
cmyk(0%, 7%, 61%, 29%)
Oklch
oklch(72.3% 0.119 101.8)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#F1E4B2

Goose Yellow · Wheat · Lemon Cream

HEX
#F1E4B2
RGB
rgb(241, 228, 178)
HSL
hsl(48, 69%, 82%)
HSB
hsb(48, 26%, 95%)
CMYK
cmyk(0%, 5%, 26%, 5%)
Oklch
oklch(91.7% 0.066 95.2)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5A2B6A
3A692B

Analogous

3A2B69
5A2B6A
692B59

Triadic

5A2B6A
69592B
2B6959

Split-Comp.

5A2B6A
59692B
2B693A

Tetradic

5A2B6A
693A2B
3A692B
2B5969

Contrast Matrix WCAG 2.1 Contrast

5A2B6A
970266
DC0B5C
B5A846
F1E4B2
—
1.3
Fail
2.1
Fail
4.4
AA Large
8.3
AAA
1.3
Fail
—
1.7
Fail
3.4
AA Large
6.5
AA
2.1
Fail
1.7
Fail
—
2.0
Fail
3.9
AA Large
4.4
AA Large
3.4
AA Large
2.0
Fail
—
1.9
Fail
8.3
AAA
6.5
AA
3.9
AA Large
1.9
Fail
—
White BG
10.6AAA
8.3AAA
4.9AA
2.4Fail
1.3Fail
Black BG
2.0Fail
2.5Fail
4.2AA Large
8.7AAA
16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

46455B
56554E
828048
AFAF5E
EBEBBE

Deuteranopia

484C57
5F6A48
8E9D44
B0B163
ECEDC1

Tritanopia

584F4C
903B37
D23936
B47075
F0C8CA

Achromatopsia

404040
3A3A3A
535353
A1A1A1
E2E2E2

Shades & Tints Shades & Tints

#5A2B6A

Dark
Light

#970266

Dark
Light

#DC0B5C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5a2b6a;
  --color-2: #970266;
  --color-3: #dc0b5c;
  --color-4: #b5a846;
  --color-5: #f1e4b2;
}

SCSS

$color-1: #5a2b6a;
$color-2: #970266;
$color-3: #dc0b5c;
$color-4: #b5a846;
$color-5: #f1e4b2;

TAILWIND

colors: {
  'brand-1': '#5a2b6a',
  'brand-2': '#970266',
  'brand-3': '#dc0b5c',
  'brand-4': '#b5a846',
  'brand-5': '#f1e4b2',
}

RGB Array

[90, 43, 106], [151, 2, 102], [220, 11, 92], [181, 168, 70], [241, 228, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5A2B6A, #970266, #DC0B5C, #B5A846, #F1E4B2 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #5a2b6a; --color-2: #970266; --color-3: #dc0b5c; --color-4: #b5a846; --color-5: #f1e4b2. 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. 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