← Back to Editor

#521537 · #760E49 · #75210E · #753B0E · #8C5830

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

#521537

Rose Purple · DarkSlateGray · Raspberry

HEX
#521537
RGB
rgb(82, 21, 55)
HSL
hsl(327, 59%, 20%)
HSB
hsb(327, 74%, 32%)
CMYK
cmyk(0%, 74%, 33%, 68%)
Oklch
oklch(30.9% 0.098 350.0)

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

#760E49

Rose Purple · Purple · Camellia

HEX
#760E49
RGB
rgb(118, 14, 73)
HSL
hsl(326, 79%, 26%)
HSB
hsb(326, 88%, 46%)
CMYK
cmyk(0%, 88%, 38%, 54%)
Oklch
oklch(37.9% 0.145 352.7)

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

#75210E

Vermilion · Maroon · Wine Red

HEX
#75210E
RGB
rgb(117, 33, 14)
HSL
hsl(11, 79%, 26%)
HSB
hsb(11, 88%, 46%)
CMYK
cmyk(0%, 72%, 88%, 54%)
Oklch
oklch(38.0% 0.121 34.0)

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

#753B0E

Tangerine · Sienna · Amber Brown

HEX
#753B0E
RGB
rgb(117, 59, 14)
HSL
hsl(26, 79%, 26%)
HSB
hsb(26, 88%, 46%)
CMYK
cmyk(0%, 50%, 88%, 54%)
Oklch
oklch(41.9% 0.098 52.8)

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

#8C5830

Tangerine · Sienna · Amber Brown

HEX
#8C5830
RGB
rgb(140, 88, 48)
HSL
hsl(26, 49%, 37%)
HSB
hsb(26, 66%, 55%)
CMYK
cmyk(0%, 37%, 66%, 45%)
Oklch
oklch(51.0% 0.088 56.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

521537
155130

Analogous

4E1551
521537
511518

Triadic

521537
365115
153651

Split-Comp.

521537
185115
15514E

Tetradic

521537
514E15
155130
151851

Contrast Matrix WCAG 2.1 Contrast

521537
760E49
75210E
753B0E
8C5830
—
1.3
Fail
1.3
Fail
1.6
Fail
2.3
Fail
1.3
Fail
—
1.0
Fail
1.2
Fail
1.8
Fail
1.3
Fail
1.0
Fail
—
1.2
Fail
1.8
Fail
1.6
Fail
1.2
Fail
1.2
Fail
—
1.5
Fail
2.3
Fail
1.8
Fail
1.8
Fail
1.5
Fail
—
White BG
13.8AAA
10.9AAA
10.6AAA
8.8AAA
5.9AA
Black BG
1.5Fail
1.9Fail
2.0Fail
2.4Fail
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

38372F
49483B
515013
5C5B19
75753A

Deuteranopia

3B402D
4F5737
565C14
5F641C
797C3C

Tritanopia

4F2827
712F2D
711617
722123
894143

Achromatopsia

2B2B2B
343434
383838
474747
636363

Shades & Tints Shades & Tints

#521537

Dark
Light

#760E49

Dark
Light

#75210E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #521537;
  --color-2: #760e49;
  --color-3: #75210e;
  --color-4: #753b0e;
  --color-5: #8c5830;
}

SCSS

$color-1: #521537;
$color-2: #760e49;
$color-3: #75210e;
$color-4: #753b0e;
$color-5: #8c5830;

TAILWIND

colors: {
  'brand-1': '#521537',
  'brand-2': '#760e49',
  'brand-3': '#75210e',
  'brand-4': '#753b0e',
  'brand-5': '#8c5830',
}

RGB Array

[82, 21, 55], [118, 14, 73], [117, 33, 14], [117, 59, 14], [140, 88, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #521537, #760E49, #75210E, #753B0E, #8C5830 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: #521537; --color-2: #760e49; --color-3: #75210e; --color-4: #753b0e; --color-5: #8c5830. 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