← Back to Editor

#503452 · #7D352C · #E63D05 · #B5BF26 · #74AD09

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

#503452

Dark Plum · DarkSlateGray · Eggplant

HEX
#503452
RGB
rgb(80, 52, 82)
HSL
hsl(296, 22%, 26%)
HSB
hsb(296, 37%, 32%)
CMYK
cmyk(2%, 37%, 0%, 68%)
Oklch
oklch(37.0% 0.062 324.4)

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

#7D352C

Crimson · Brown · Wine Red

HEX
#7D352C
RGB
rgb(125, 53, 44)
HSL
hsl(7, 48%, 33%)
HSB
hsb(7, 65%, 49%)
CMYK
cmyk(0%, 58%, 65%, 51%)
Oklch
oklch(42.6% 0.102 29.2)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#E63D05

Tangerine · OrangeRed · Amber Brown

HEX
#E63D05
RGB
rgb(230, 61, 5)
HSL
hsl(15, 96%, 46%)
HSB
hsb(15, 98%, 90%)
CMYK
cmyk(0%, 73%, 98%, 10%)
Oklch
oklch(61.1% 0.212 35.0)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#B5BF26

Autumn Sage · GoldenRod · Honey Gold

HEX
#B5BF26
RGB
rgb(181, 191, 38)
HSL
hsl(64, 67%, 45%)
HSB
hsb(64, 80%, 75%)
CMYK
cmyk(5%, 0%, 80%, 25%)
Oklch
oklch(77.2% 0.163 113.6)

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

#74AD09

Grass Green · Olive · Forest Green

HEX
#74AD09
RGB
rgb(116, 173, 9)
HSL
hsl(81, 90%, 36%)
HSB
hsb(81, 95%, 68%)
CMYK
cmyk(33%, 0%, 95%, 32%)
Oklch
oklch(68.2% 0.180 129.5)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

503452
365134

Analogous

403451
503452
513444

Triadic

503452
514F34
34514F

Split-Comp.

503452
445134
345140

Tetradic

503452
514034
365134
344451

Contrast Matrix WCAG 2.1 Contrast

503452
7D352C
E63D05
B5BF26
74AD09
—
1.2
Fail
2.6
Fail
5.3
AA
4.0
AA Large
1.2
Fail
—
2.1
Fail
4.3
AA Large
3.2
AA Large
2.6
Fail
2.1
Fail
—
2.1
Fail
1.5
Fail
5.3
AA
4.3
AA Large
2.1
Fail
—
1.4
Fail
4.0
AA Large
3.2
AA Large
1.5
Fail
1.4
Fail
—
White BG
10.7AAA
8.7AAA
4.2AA Large
2.0Fail
2.7Fail
Black BG
2.0Fail
2.4Fail
5.0AA
10.4AAA
7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

44444B
5E5D2E
9D9B13
B9B94B
8D8D31

Deuteranopia

464849
62672F
A7B316
B9B854
89853A

Tritanopia

4F4544
793030
DE1D20
B6686F
775057

Achromatopsia

404040
4A4A4A
696969
ABABAB
898989

Shades & Tints Shades & Tints

#503452

Dark
Light

#7D352C

Dark
Light

#E63D05

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #503452;
  --color-2: #7d352c;
  --color-3: #e63d05;
  --color-4: #b5bf26;
  --color-5: #74ad09;
}

SCSS

$color-1: #503452;
$color-2: #7d352c;
$color-3: #e63d05;
$color-4: #b5bf26;
$color-5: #74ad09;

TAILWIND

colors: {
  'brand-1': '#503452',
  'brand-2': '#7d352c',
  'brand-3': '#e63d05',
  'brand-4': '#b5bf26',
  'brand-5': '#74ad09',
}

RGB Array

[80, 52, 82], [125, 53, 44], [230, 61, 5], [181, 191, 38], [116, 173, 9]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #503452, #7D352C, #E63D05, #B5BF26, #74AD09 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: #503452; --color-2: #7d352c; --color-3: #e63d05; --color-4: #b5bf26; --color-5: #74ad09. 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