#523B71 + #5C3766 + #A43176 + #B93D85 + #E27AAD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#523B71

Deep Indigo · DarkSlateBlue · Eggplant

HEX

#523B71

RGB

rgb(82, 59, 113)

HSL

hsl(266, 31%, 34%)

HSB

hsb(266, 48%, 44%)

CMYK

cmyk(27%, 48%, 0%, 56%)

Oklch

oklch(40.3% 0.091 302.1)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#5C3766

Dark Plum · DarkSlateBlue · Eggplant

HEX

#5C3766

RGB

rgb(92, 55, 102)

HSL

hsl(287, 30%, 31%)

HSB

hsb(287, 46%, 40%)

CMYK

cmyk(10%, 46%, 0%, 60%)

Oklch

oklch(40.1% 0.088 318.9)

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

#A43176

Rose Purple · MediumVioletRed · Camellia

HEX

#A43176

RGB

rgb(164, 49, 118)

HSL

hsl(324, 54%, 42%)

HSB

hsb(324, 70%, 64%)

CMYK

cmyk(0%, 70%, 28%, 36%)

Oklch

oklch(50.7% 0.166 347.7)

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

#B93D85

Rose Purple · MediumVioletRed · Camellia

HEX

#B93D85

RGB

rgb(185, 61, 133)

HSL

hsl(325, 50%, 48%)

HSB

hsb(325, 67%, 73%)

CMYK

cmyk(0%, 67%, 28%, 27%)

Oklch

oklch(55.8% 0.175 348.4)

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

#E27AAD

Rouge · Orchid · Rose Pink

HEX

#E27AAD

RGB

rgb(226, 122, 173)

HSL

hsl(331, 64%, 68%)

HSB

hsb(331, 46%, 89%)

CMYK

cmyk(0%, 46%, 23%, 11%)

Oklch

oklch(71.0% 0.141 350.5)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

523B71

5A723C

Analogous

3C3F72

523B71

6E3C72

Triadic

523B71

72533C

3C7253

Split-Comp.

523B71

726E3C

3F723C

Tetradic

523B71

723C3F

5A723C

3C726E

Contrast Matrix WCAG 2.1 Contrast

523B71	5C3766	A43176	B93D85	E27AAD
—	1.0 Fail	1.5 Fail	1.8 Fail	3.4 AA Large
1.0 Fail	—	1.5 Fail	1.9 Fail	3.5 AA Large
1.5 Fail	1.5 Fail	—	1.2 Fail	2.3 Fail
1.8 Fail	1.9 Fail	1.2 Fail	—	1.9 Fail
3.4 AA Large	3.5 AA Large	2.3 Fail	1.9 Fail	—

White BG

9.4AAA

9.6AAA

6.4AA

5.2AA

2.8Fail

Black BG

2.2Fail

3.3AA Large

4.1AA Large

7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

484864

4C4C5B

727165

838274

B5B4A1

Deuteranopia

494B61

4E5158

798261

8B946F

BBC39E

Tritanopia

515A57

5A5250

9E5855

B36663

DD9795

Achromatopsia

484848

474747

5B5B5B

6A6A6A

9F9F9F

Shades & Tints Shades & Tints

#523B71

Dark

Light

#5C3766

Dark

Light

#A43176

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #523b71;
  --color-2: #5c3766;
  --color-3: #a43176;
  --color-4: #b93d85;
  --color-5: #e27aad;
}

SCSS

$color-1: #523b71;
$color-2: #5c3766;
$color-3: #a43176;
$color-4: #b93d85;
$color-5: #e27aad;

TAILWIND

colors: {
  'brand-1': '#523b71',
  'brand-2': '#5c3766',
  'brand-3': '#a43176',
  'brand-4': '#b93d85',
  'brand-5': '#e27aad',
}

RGB Array

[82, 59, 113], [92, 55, 102], [164, 49, 118], [185, 61, 133], [226, 122, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #523B71, #5C3766, #A43176, #B93D85, #E27AAD is ideal for: corporate websites, product showcases, portfolios. 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: #523b71; --color-2: #5c3766; --color-3: #a43176; --color-4: #b93d85; --color-5: #e27aad. 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. 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