← Back to Editor

#47132E · #822137 · #A6593F · #EDD09F · #3B0319

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

#47132E

Rose Purple · DarkSlateGray · Raspberry

HEX
#47132E
RGB
rgb(71, 19, 46)
HSL
hsl(329, 58%, 18%)
HSB
hsb(329, 73%, 28%)
CMYK
cmyk(0%, 73%, 35%, 72%)
Oklch
oklch(28.3% 0.085 351.9)

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

#822137

Crimson · Brown · Wine Red

HEX
#822137
RGB
rgb(130, 33, 55)
HSL
hsl(346, 60%, 32%)
HSB
hsb(346, 75%, 51%)
CMYK
cmyk(0%, 75%, 58%, 49%)
Oklch
oklch(41.1% 0.131 12.1)

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

#A6593F

Tangerine · Sienna · Amber Brown

HEX
#A6593F
RGB
rgb(166, 89, 63)
HSL
hsl(15, 45%, 45%)
HSB
hsb(15, 62%, 65%)
CMYK
cmyk(0%, 46%, 62%, 35%)
Oklch
oklch(54.9% 0.108 39.3)

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

#EDD09F

Goose Yellow · Wheat · Peach Orange

HEX
#EDD09F
RGB
rgb(237, 208, 159)
HSL
hsl(38, 68%, 78%)
HSB
hsb(38, 33%, 93%)
CMYK
cmyk(0%, 12%, 33%, 7%)
Oklch
oklch(87.0% 0.072 80.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#3B0319

Dark Violet · Black · Raspberry

HEX
#3B0319
RGB
rgb(59, 3, 25)
HSL
hsl(336, 90%, 12%)
HSB
hsb(336, 95%, 23%)
CMYK
cmyk(0%, 95%, 58%, 77%)
Oklch
oklch(23.1% 0.087 3.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

47132E
13492D

Analogous

481349
47132E
491314

Triadic

47132E
2F4913
132F49

Split-Comp.

47132E
144913
134948

Tetradic

47132E
494813
13492D
131449

Contrast Matrix WCAG 2.1 Contrast

47132E
822137
A6593F
EDD09F
3B0319
—
1.6
Fail
2.9
Fail
10.1
AAA
1.2
Fail
1.6
Fail
—
1.9
Fail
6.4
AA
1.8
Fail
2.9
Fail
1.9
Fail
—
3.4
AA Large
3.4
AA Large
10.1
AAA
6.4
AA
3.4
AA Large
—
11.6
AAA
1.2
Fail
1.8
Fail
3.4
AA Large
11.6
AAA
—
White BG
15.0AAA
9.5AAA
5.1AA
1.5Fail
17.3AAA
Black BG
1.4Fail
2.2Fail
4.1AA Large
14.1AAA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

303027
585732
858445
E0E0AB
232214

Deuteranopia

343726
5E6530
898F47
E2E4AE
262A12

Tritanopia

442221
7D2D2D
A24A4B
ECB4B6
380F0F

Achromatopsia

262626
414141
6D6D6D
D3D3D3
161616

Shades & Tints Shades & Tints

#47132E

Dark
Light

#822137

Dark
Light

#A6593F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #47132e;
  --color-2: #822137;
  --color-3: #a6593f;
  --color-4: #edd09f;
  --color-5: #3b0319;
}

SCSS

$color-1: #47132e;
$color-2: #822137;
$color-3: #a6593f;
$color-4: #edd09f;
$color-5: #3b0319;

TAILWIND

colors: {
  'brand-1': '#47132e',
  'brand-2': '#822137',
  'brand-3': '#a6593f',
  'brand-4': '#edd09f',
  'brand-5': '#3b0319',
}

RGB Array

[71, 19, 46], [130, 33, 55], [166, 89, 63], [237, 208, 159], [59, 3, 25]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #47132E, #822137, #A6593F, #EDD09F, #3B0319 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #47132e; --color-2: #822137; --color-3: #a6593f; --color-4: #edd09f; --color-5: #3b0319. 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. 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