← Back to Editor

#5B2843 · #852856 · #AE5B7D · #E8E8CA · #773355

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#5B2843

Rose Purple · DarkSlateGray · Camellia

HEX
#5B2843
RGB
rgb(91, 40, 67)
HSL
hsl(328, 39%, 26%)
HSB
hsb(328, 56%, 36%)
CMYK
cmyk(0%, 56%, 26%, 64%)
Oklch
oklch(35.7% 0.083 349.1)

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

#852856

Dark Violet · Brown · Camellia

HEX
#852856
RGB
rgb(133, 40, 86)
HSL
hsl(330, 54%, 34%)
HSB
hsb(330, 70%, 52%)
CMYK
cmyk(0%, 70%, 35%, 48%)
Oklch
oklch(43.3% 0.135 353.8)

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

#AE5B7D

Dark Violet · Gray · Rose Pink

HEX
#AE5B7D
RGB
rgb(174, 91, 125)
HSL
hsl(335, 34%, 52%)
HSB
hsb(335, 48%, 68%)
CMYK
cmyk(0%, 48%, 28%, 32%)
Oklch
oklch(57.9% 0.115 355.3)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#E8E8CA

Fresh Green · Bisque · Lemon Cream

HEX
#E8E8CA
RGB
rgb(232, 232, 202)
HSL
hsl(60, 39%, 85%)
HSB
hsb(60, 13%, 91%)
CMYK
cmyk(0%, 0%, 13%, 9%)
Oklch
oklch(92.3% 0.040 107.2)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#773355

Dark Violet · DimGray · Camellia

HEX
#773355
RGB
rgb(119, 51, 85)
HSL
hsl(330, 40%, 33%)
HSB
hsb(330, 57%, 47%)
CMYK
cmyk(0%, 57%, 29%, 53%)
Oklch
oklch(42.5% 0.104 351.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5B2843
285C41

Analogous

5A285C
5B2843
5C282A

Triadic

5B2843
445C28
28445C

Split-Comp.

5B2843
2A5C28
285C5A

Tetradic

5B2843
5C5A28
285C41
282A5C

Contrast Matrix WCAG 2.1 Contrast

5B2843
852856
AE5B7D
E8E8CA
773355
—
1.3
Fail
2.5
Fail
9.2
AAA
1.3
Fail
1.3
Fail
—
1.9
Fail
6.9
AA
1.0
Fail
2.5
Fail
1.9
Fail
—
3.7
AA Large
1.9
Fail
9.2
AAA
6.9
AA
3.7
AA Large
—
7.0
AAA
1.3
Fail
1.0
Fail
1.9
Fail
7.0
AAA
—
White BG
11.5AAA
8.6AAA
4.6AA
1.2Fail
8.8AAA
Black BG
1.8Fail
2.4Fail
4.6AA
16.8AAA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

45443C
5D5C4B
8A8975
E8E8D1
5A594D

Deuteranopia

484C3B
626948
8F9573
E8E8D3
5E634B

Tritanopia

583736
804240
AA6E6D
E8D7D8
744645

Achromatopsia

3A3A3A
494949
787878
E5E5E5
4B4B4B

Shades & Tints Shades & Tints

#5B2843

Dark
Light

#852856

Dark
Light

#AE5B7D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5b2843;
  --color-2: #852856;
  --color-3: #ae5b7d;
  --color-4: #e8e8ca;
  --color-5: #773355;
}

SCSS

$color-1: #5b2843;
$color-2: #852856;
$color-3: #ae5b7d;
$color-4: #e8e8ca;
$color-5: #773355;

TAILWIND

colors: {
  'brand-1': '#5b2843',
  'brand-2': '#852856',
  'brand-3': '#ae5b7d',
  'brand-4': '#e8e8ca',
  'brand-5': '#773355',
}

RGB Array

[91, 40, 67], [133, 40, 86], [174, 91, 125], [232, 232, 202], [119, 51, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5B2843, #852856, #AE5B7D, #E8E8CA, #773355 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #5b2843; --color-2: #852856; --color-3: #ae5b7d; --color-4: #e8e8ca; --color-5: #773355. 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 tech, SaaS, healthcare, eco industries. 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