← Back to Editor

#961977 · #B55799 · #C786BB · #E8C4DC · #FDDDE6

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#961977

Rose Purple · DarkMagenta · Eggplant

HEX
#961977
RGB
rgb(150, 25, 119)
HSL
hsl(315, 71%, 34%)
HSB
hsb(315, 83%, 59%)
CMYK
cmyk(0%, 83%, 21%, 41%)
Oklch
oklch(46.4% 0.183 340.8)

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

#B55799

Rose Purple · MediumOrchid · Violet

HEX
#B55799
RGB
rgb(181, 87, 153)
HSL
hsl(318, 39%, 53%)
HSB
hsb(318, 52%, 71%)
CMYK
cmyk(0%, 52%, 15%, 29%)
Oklch
oklch(59.3% 0.145 340.0)

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

#C786BB

Mauve · Orchid · Lilac Purple

HEX
#C786BB
RGB
rgb(199, 134, 187)
HSL
hsl(311, 37%, 65%)
HSB
hsb(311, 33%, 78%)
CMYK
cmyk(0%, 33%, 6%, 22%)
Oklch
oklch(70.3% 0.106 333.5)

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

#E8C4DC

Mauve · LightGray · Cherry Blossom

HEX
#E8C4DC
RGB
rgb(232, 196, 220)
HSL
hsl(320, 44%, 84%)
HSB
hsb(320, 16%, 91%)
CMYK
cmyk(0%, 16%, 5%, 9%)
Oklch
oklch(85.8% 0.051 338.4)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#FDDDE6

Rouge · Linen · Cherry Blossom

HEX
#FDDDE6
RGB
rgb(253, 221, 230)
HSL
hsl(343, 89%, 93%)
HSB
hsb(343, 13%, 99%)
CMYK
cmyk(0%, 13%, 9%, 1%)
Oklch
oklch(92.6% 0.037 359.0)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

961977
199438

Analogous

751994
961977
941938

Triadic

961977
759419
197594

Split-Comp.

961977
389419
199475

Tetradic

961977
947519
199438
193894

Contrast Matrix WCAG 2.1 Contrast

961977
B55799
C786BB
E8C4DC
FDDDE6
—
1.8
Fail
2.8
Fail
4.9
AA
6.2
AA
1.8
Fail
—
1.6
Fail
2.8
Fail
3.5
AA Large
2.8
Fail
1.6
Fail
—
1.8
Fail
2.2
Fail
4.9
AA
2.8
Fail
1.8
Fail
—
1.2
Fail
6.2
AA
3.5
AA Large
2.2
Fail
1.2
Fail
—
White BG
7.8AAA
4.4AA Large
2.8Fail
1.6Fail
1.3Fail
Black BG
2.7Fail
4.8AA
7.6AAA
13.4AAA
16.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

605F60
8C8B89
ABAAAE
D8D8D6
EFEFE4

Deuteranopia

67715B
929985
AFB3AB
DBDDD5
F1F3E3

Tritanopia

904E4A
B07C7A
C4A4A2
E6D2D1
FBE2E2

Achromatopsia

494949
7B7B7B
9F9F9F
D2D2D2
E8E8E8

Shades & Tints Shades & Tints

#961977

Dark
Light

#B55799

Dark
Light

#C786BB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #961977;
  --color-2: #b55799;
  --color-3: #c786bb;
  --color-4: #e8c4dc;
  --color-5: #fddde6;
}

SCSS

$color-1: #961977;
$color-2: #b55799;
$color-3: #c786bb;
$color-4: #e8c4dc;
$color-5: #fddde6;

TAILWIND

colors: {
  'brand-1': '#961977',
  'brand-2': '#b55799',
  'brand-3': '#c786bb',
  'brand-4': '#e8c4dc',
  'brand-5': '#fddde6',
}

RGB Array

[150, 25, 119], [181, 87, 153], [199, 134, 187], [232, 196, 220], [253, 221, 230]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #961977, #B55799, #C786BB, #E8C4DC, #FDDDE6 is ideal for: health products, baby brands, fresh-style blogs, 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: #961977; --color-2: #b55799; --color-3: #c786bb; --color-4: #e8c4dc; --color-5: #fddde6. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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