← Back to Editor

#E96B95 · #584959 · #856E82 · #B681AF · #9C7893

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 Library

Color Details Color Details

#E96B95

Rouge · LightCoral · Rose Pink

HEX
#E96B95
RGB
rgb(233, 107, 149)
HSL
hsl(340, 74%, 67%)
HSB
hsb(340, 54%, 91%)
CMYK
cmyk(0%, 54%, 36%, 9%)
Oklch
oklch(69.0% 0.161 1.2)

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

#584959

Dark Plum · DimGray · Eggplant

HEX
#584959
RGB
rgb(88, 73, 89)
HSL
hsl(296, 10%, 32%)
HSB
hsb(296, 18%, 35%)
CMYK
cmyk(1%, 18%, 0%, 65%)
Oklch
oklch(42.7% 0.032 324.2)

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

#856E82

Rose Purple · Gray · Warm Gray

HEX
#856E82
RGB
rgb(133, 110, 130)
HSL
hsl(308, 9%, 48%)
HSB
hsb(308, 17%, 52%)
CMYK
cmyk(0%, 17%, 2%, 48%)
Oklch
oklch(56.7% 0.041 330.4)

Traditional「Rose Purple」· Paint「Warm Gray」· Creative Urban Concrete

#B681AF

Mauve · DarkGray · Lilac Purple

HEX
#B681AF
RGB
rgb(182, 129, 175)
HSL
hsl(308, 27%, 61%)
HSB
hsb(308, 29%, 71%)
CMYK
cmyk(0%, 29%, 4%, 29%)
Oklch
oklch(67.1% 0.090 331.2)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#9C7893

Rose Purple · Gray · Violet

HEX
#9C7893
RGB
rgb(156, 120, 147)
HSL
hsl(315, 15%, 54%)
HSB
hsb(315, 23%, 61%)
CMYK
cmyk(0%, 23%, 6%, 39%)
Oklch
oklch(61.6% 0.059 335.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E96B95
6DE9C0

Analogous

E96DD4
E96B95
E9816D

Triadic

E96B95
96E96D
6D96E9

Split-Comp.

E96B95
6DE981
6DD4E9

Tetradic

E96B95
D4E96D
6DE9C0
816DE9

Contrast Matrix WCAG 2.1 Contrast

E96B95
584959
856E82
B681AF
9C7893
—
2.8
Fail
1.5
Fail
1.0
Fail
1.3
Fail
2.8
Fail
—
1.8
Fail
2.7
Fail
2.2
Fail
1.5
Fail
1.8
Fail
—
1.5
Fail
1.2
Fail
1.0
Fail
2.7
Fail
1.5
Fail
—
1.2
Fail
1.3
Fail
2.2
Fail
1.2
Fail
1.2
Fail
—
White BG
3.0Fail
8.4AAA
4.6AA
3.1AA Large
3.8AA Large
Black BG
7.0AAA
2.5Fail
4.6AA
6.7AA
5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B18B
525155
7B7B7D
9F9FA4
8C8C8C

Deuteranopia

BAC388
525454
7C7E7C
A2A6A1
8F918B

Tritanopia

E38381
575251
847979
B39B99
9A8786

Achromatopsia

959595
4F4F4F
777777
969696
868686

Shades & Tints Shades & Tints

#E96B95

Dark
Light

#584959

Dark
Light

#856E82

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e96b95;
  --color-2: #584959;
  --color-3: #856e82;
  --color-4: #b681af;
  --color-5: #9c7893;
}

SCSS

$color-1: #e96b95;
$color-2: #584959;
$color-3: #856e82;
$color-4: #b681af;
$color-5: #9c7893;

TAILWIND

colors: {
  'brand-1': '#e96b95',
  'brand-2': '#584959',
  'brand-3': '#856e82',
  'brand-4': '#b681af',
  'brand-5': '#9c7893',
}

RGB Array

[233, 107, 149], [88, 73, 89], [133, 110, 130], [182, 129, 175], [156, 120, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E96B95, #584959, #856E82, #B681AF, #9C7893 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e96b95; --color-2: #584959; --color-3: #856e82; --color-4: #b681af; --color-5: #9c7893. 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. Restrained colors convey professionalism and trust. 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