← Back to Editor

#5E2B58 · #9C1E7D · #E87622 · #D4AB52 · #BFDDCF

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#5E2B58

Rose Purple · DarkSlateBlue · Eggplant

HEX
#5E2B58
RGB
rgb(94, 43, 88)
HSL
hsl(307, 37%, 27%)
HSB
hsb(307, 54%, 37%)
CMYK
cmyk(0%, 54%, 6%, 63%)
Oklch
oklch(37.6% 0.097 331.9)

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

#9C1E7D

Rose Purple · DarkMagenta · Eggplant

HEX
#9C1E7D
RGB
rgb(156, 30, 125)
HSL
hsl(315, 68%, 36%)
HSB
hsb(315, 81%, 61%)
CMYK
cmyk(0%, 81%, 20%, 39%)
Oklch
oklch(48.1% 0.186 340.4)

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

#E87622

Tangerine · Chocolate · Warm Sun

HEX
#E87622
RGB
rgb(232, 118, 34)
HSL
hsl(25, 81%, 52%)
HSB
hsb(25, 85%, 91%)
CMYK
cmyk(0%, 49%, 85%, 9%)
Oklch
oklch(68.6% 0.166 50.9)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#D4AB52

Ginger · SandyBrown · Sunflower

HEX
#D4AB52
RGB
rgb(212, 171, 82)
HSL
hsl(41, 60%, 58%)
HSB
hsb(41, 61%, 83%)
CMYK
cmyk(0%, 19%, 61%, 17%)
Oklch
oklch(76.1% 0.117 84.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#BFDDCF

Jade · LightGray · Mint Green

HEX
#BFDDCF
RGB
rgb(191, 221, 207)
HSL
hsl(152, 31%, 81%)
HSB
hsb(152, 14%, 87%)
CMYK
cmyk(14%, 0%, 6%, 13%)
Oklch
oklch(87.2% 0.037 165.7)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5E2B58
2B5E31

Analogous

4B2B5E
5E2B58
5E2B3F

Triadic

5E2B58
585E2B
2B585E

Split-Comp.

5E2B58
3F5E2B
2B5E4B

Tetradic

5E2B58
5E4B2B
2B5E31
2B3F5E

Contrast Matrix WCAG 2.1 Contrast

5E2B58
9C1E7D
E87622
D4AB52
BFDDCF
—
1.5
Fail
3.6
AA Large
5.0
AA
7.4
AAA
1.5
Fail
—
2.4
Fail
3.4
AA Large
5.0
AA
3.6
AA Large
2.4
Fail
—
1.4
Fail
2.1
Fail
5.0
AA
3.4
AA Large
1.4
Fail
—
1.5
Fail
7.4
AAA
5.0
AA
2.1
Fail
1.5
Fail
—
White BG
10.7AAA
7.3AAA
3.0Fail
2.2Fail
1.5Fail
Black BG
2.0Fail
2.9Fail
7.0AAA
9.7AAA
14.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

48474D
656466
B7B636
C2C268
CCCCD2

Deuteranopia

4B4F4B
6D7661
BDC63B
C5C86D
CAC8D3

Tritanopia

5B4543
965450
E2464A
D2797C
C1D5D6

Achromatopsia

3F3F3F
4F4F4F
8F8F8F
ADADAD
D2D2D2

Shades & Tints Shades & Tints

#5E2B58

Dark
Light

#9C1E7D

Dark
Light

#E87622

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5e2b58;
  --color-2: #9c1e7d;
  --color-3: #e87622;
  --color-4: #d4ab52;
  --color-5: #bfddcf;
}

SCSS

$color-1: #5e2b58;
$color-2: #9c1e7d;
$color-3: #e87622;
$color-4: #d4ab52;
$color-5: #bfddcf;

TAILWIND

colors: {
  'brand-1': '#5e2b58',
  'brand-2': '#9c1e7d',
  'brand-3': '#e87622',
  'brand-4': '#d4ab52',
  'brand-5': '#bfddcf',
}

RGB Array

[94, 43, 88], [156, 30, 125], [232, 118, 34], [212, 171, 82], [191, 221, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5E2B58, #9C1E7D, #E87622, #D4AB52, #BFDDCF 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: #5e2b58; --color-2: #9c1e7d; --color-3: #e87622; --color-4: #d4ab52; --color-5: #bfddcf. 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