← Back to Editor

#52044F · #422E41 · #5E4D2A · #CC7F04 · #EB9409

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

#52044F

Rose Purple · Purple · Dark Purple

HEX
#52044F
RGB
rgb(82, 4, 79)
HSL
hsl(302, 91%, 17%)
HSB
hsb(302, 95%, 32%)
CMYK
cmyk(0%, 95%, 4%, 68%)
Oklch
oklch(30.8% 0.135 330.1)

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

#422E41

Rose Purple · DarkSlateGray · Eggplant

HEX
#422E41
RGB
rgb(66, 46, 65)
HSL
hsl(303, 18%, 22%)
HSB
hsb(303, 30%, 26%)
CMYK
cmyk(0%, 30%, 2%, 74%)
Oklch
oklch(33.2% 0.043 328.2)

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

#5E4D2A

Ochre · DarkOliveGreen · Honey Gold

HEX
#5E4D2A
RGB
rgb(94, 77, 42)
HSL
hsl(40, 38%, 27%)
HSB
hsb(40, 55%, 37%)
CMYK
cmyk(0%, 18%, 55%, 63%)
Oklch
oklch(42.9% 0.056 84.2)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#CC7F04

Ochre · DarkGoldenRod · Amber Brown

HEX
#CC7F04
RGB
rgb(204, 127, 4)
HSL
hsl(37, 96%, 41%)
HSB
hsb(37, 98%, 80%)
CMYK
cmyk(0%, 38%, 98%, 20%)
Oklch
oklch(66.3% 0.145 67.9)

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

#EB9409

Ochre · Orange · Amber Brown

HEX
#EB9409
RGB
rgb(235, 148, 9)
HSL
hsl(37, 93%, 48%)
HSB
hsb(37, 96%, 92%)
CMYK
cmyk(0%, 37%, 96%, 8%)
Oklch
oklch(73.9% 0.160 68.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

52044F
045307

Analogous

2E0453
52044F
530429

Triadic

52044F
505304
045053

Split-Comp.

52044F
295304
04532E

Tetradic

52044F
532E04
045307
042953

Contrast Matrix WCAG 2.1 Contrast

52044F
422E41
5E4D2A
CC7F04
EB9409
—
1.1
Fail
1.7
Fail
4.4
AA Large
5.9
AA
1.1
Fail
—
1.5
Fail
3.9
AA Large
5.2
AA
1.7
Fail
1.5
Fail
—
2.6
Fail
3.4
AA Large
4.4
AA Large
3.9
AA Large
2.6
Fail
—
1.3
Fail
5.9
AA
5.2
AA
3.4
AA Large
1.3
Fail
—
White BG
14.1AAA
12.4AAA
8.2AAA
3.2AA Large
2.4Fail
Black BG
1.5Fail
1.7Fail
2.6Fail
6.6AA
8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

30303D
39393C
575632
ABAA22
C5C52B

Deuteranopia

353B39
3B3C3B
585935
AFB529
CAD133

Tritanopia

4E2F2B
413938
5D393B
C8393E
E7454B

Achromatopsia

242424
363636
4E4E4E
888888
9E9E9E

Shades & Tints Shades & Tints

#52044F

Dark
Light

#422E41

Dark
Light

#5E4D2A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #52044f;
  --color-2: #422e41;
  --color-3: #5e4d2a;
  --color-4: #cc7f04;
  --color-5: #eb9409;
}

SCSS

$color-1: #52044f;
$color-2: #422e41;
$color-3: #5e4d2a;
$color-4: #cc7f04;
$color-5: #eb9409;

TAILWIND

colors: {
  'brand-1': '#52044f',
  'brand-2': '#422e41',
  'brand-3': '#5e4d2a',
  'brand-4': '#cc7f04',
  'brand-5': '#eb9409',
}

RGB Array

[82, 4, 79], [66, 46, 65], [94, 77, 42], [204, 127, 4], [235, 148, 9]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #52044F, #422E41, #5E4D2A, #CC7F04, #EB9409 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: #52044f; --color-2: #422e41; --color-3: #5e4d2a; --color-4: #cc7f04; --color-5: #eb9409. 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