← Back to Editor

#7D0044 · #99004D · #E6BC6C · #A8A639 · #409183

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

#7D0044

Rose Purple · Purple · Raspberry

HEX
#7D0044
RGB
rgb(125, 0, 68)
HSL
hsl(327, 100%, 25%)
HSB
hsb(327, 100%, 49%)
CMYK
cmyk(0%, 100%, 46%, 51%)
Oklch
oklch(38.4% 0.157 357.3)

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

#99004D

Dark Violet · Brown · Camellia

HEX
#99004D
RGB
rgb(153, 0, 77)
HSL
hsl(330, 100%, 30%)
HSB
hsb(330, 100%, 60%)
CMYK
cmyk(0%, 100%, 50%, 40%)
Oklch
oklch(44.2% 0.179 1.0)

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

#E6BC6C

Ginger · BurlyWood · Warm Sun

HEX
#E6BC6C
RGB
rgb(230, 188, 108)
HSL
hsl(39, 71%, 66%)
HSB
hsb(39, 53%, 90%)
CMYK
cmyk(0%, 18%, 53%, 10%)
Oklch
oklch(81.6% 0.110 82.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#A8A639

Autumn Sage · GoldenRod · Honey Gold

HEX
#A8A639
RGB
rgb(168, 166, 57)
HSL
hsl(59, 49%, 44%)
HSB
hsb(59, 66%, 66%)
CMYK
cmyk(0%, 1%, 66%, 34%)
Oklch
oklch(70.6% 0.129 108.3)

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

#409183

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#409183
RGB
rgb(64, 145, 131)
HSL
hsl(170, 39%, 41%)
HSB
hsb(170, 56%, 57%)
CMYK
cmyk(56%, 0%, 10%, 43%)
Oklch
oklch(60.2% 0.082 180.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7D0044
008039

Analogous

790080
7D0044
800006

Triadic

7D0044
468000
004680

Split-Comp.

7D0044
068000
008079

Tetradic

7D0044
807900
008039
000680

Contrast Matrix WCAG 2.1 Contrast

7D0044
99004D
E6BC6C
A8A639
409183
—
1.3
Fail
6.0
AA
4.2
AA Large
2.9
Fail
1.3
Fail
—
4.8
AA
3.3
AA Large
2.3
Fail
6.0
AA
4.8
AA
—
1.4
Fail
2.1
Fail
4.2
AA Large
3.3
AA Large
1.4
Fail
—
1.5
Fail
2.9
Fail
2.3
Fail
2.1
Fail
1.5
Fail
—
White BG
10.7AAA
8.5AAA
1.8Fail
2.6Fail
3.8AA Large
Black BG
2.0Fail
2.5Fail
11.8AAA
8.2AAA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

474634
57553A
D4D37F
A7A753
636486

Deuteranopia

4E5830
606B36
D6D984
A7A75A
5E5887

Tritanopia

772724
912C28
E48F92
A8686D
44898A

Achromatopsia

2D2D2D
373737
BFBFBF
9A9A9A
777777

Shades & Tints Shades & Tints

#7D0044

Dark
Light

#99004D

Dark
Light

#E6BC6C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7d0044;
  --color-2: #99004d;
  --color-3: #e6bc6c;
  --color-4: #a8a639;
  --color-5: #409183;
}

SCSS

$color-1: #7d0044;
$color-2: #99004d;
$color-3: #e6bc6c;
$color-4: #a8a639;
$color-5: #409183;

TAILWIND

colors: {
  'brand-1': '#7d0044',
  'brand-2': '#99004d',
  'brand-3': '#e6bc6c',
  'brand-4': '#a8a639',
  'brand-5': '#409183',
}

RGB Array

[125, 0, 68], [153, 0, 77], [230, 188, 108], [168, 166, 57], [64, 145, 131]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7D0044, #99004D, #E6BC6C, #A8A639, #409183 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: #7d0044; --color-2: #99004d; --color-3: #e6bc6c; --color-4: #a8a639; --color-5: #409183. 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