← Back to Editor

#4B1C66 · #80477E · #BD6F8C · #E89C87 · #FFCD94

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

#4B1C66

Royal Purple · DarkSlateBlue · Eggplant

HEX
#4B1C66
RGB
rgb(75, 28, 102)
HSL
hsl(278, 57%, 25%)
HSB
hsb(278, 73%, 40%)
CMYK
cmyk(26%, 73%, 0%, 60%)
Oklch
oklch(33.6% 0.127 310.4)

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

#80477E

Rose Purple · DimGray · Eggplant

HEX
#80477E
RGB
rgb(128, 71, 126)
HSL
hsl(302, 29%, 39%)
HSB
hsb(302, 45%, 50%)
CMYK
cmyk(0%, 45%, 2%, 50%)
Oklch
oklch(48.7% 0.109 328.4)

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

#BD6F8C

Dark Violet · LightCoral · Rose Pink

HEX
#BD6F8C
RGB
rgb(189, 111, 140)
HSL
hsl(338, 37%, 59%)
HSB
hsb(338, 41%, 74%)
CMYK
cmyk(0%, 41%, 26%, 26%)
Oklch
oklch(63.6% 0.104 356.7)

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

#E89C87

Peach Pink · DarkSalmon · Coral Red

HEX
#E89C87
RGB
rgb(232, 156, 135)
HSL
hsl(13, 68%, 72%)
HSB
hsb(13, 42%, 91%)
CMYK
cmyk(0%, 33%, 42%, 9%)
Oklch
oklch(76.3% 0.097 36.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FFCD94

Goose Yellow · Khaki · Peach Orange

HEX
#FFCD94
RGB
rgb(255, 205, 148)
HSL
hsl(32, 100%, 79%)
HSB
hsb(32, 42%, 100%)
CMYK
cmyk(0%, 20%, 42%, 0%)
Oklch
oklch(87.9% 0.092 69.8)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4B1C66
36641B

Analogous

251B64
4B1C66
641B5A

Triadic

4B1C66
64491B
1B6449

Split-Comp.

4B1C66
5A641B
1B6425

Tetradic

4B1C66
64251B
36641B
1B5A64

Contrast Matrix WCAG 2.1 Contrast

4B1C66
80477E
BD6F8C
E89C87
FFCD94
—
1.9
Fail
3.5
AA Large
5.8
AA
8.7
AAA
1.9
Fail
—
1.9
Fail
3.1
AA Large
4.6
AA
3.5
AA Large
1.9
Fail
—
1.6
Fail
2.5
Fail
5.8
AA
3.1
AA Large
1.6
Fail
—
1.5
Fail
8.7
AAA
4.6
AA
2.5
Fail
1.5
Fail
—
White BG
12.7AAA
6.7AA
3.6AA Large
2.2Fail
1.5Fail
Black BG
1.7Fail
3.1AA Large
5.8AA
9.5AAA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

373654
676771
9B9B85
C7C68C
E9E9A2

Deuteranopia

393D50
6B6F6D
A0A683
CCD18D
ECF0A5

Tritanopia

494643
7D6664
B97F7E
E49091
FDADAF

Achromatopsia

323232
5E5E5E
8A8A8A
B0B0B0
D5D5D5

Shades & Tints Shades & Tints

#4B1C66

Dark
Light

#80477E

Dark
Light

#BD6F8C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4b1c66;
  --color-2: #80477e;
  --color-3: #bd6f8c;
  --color-4: #e89c87;
  --color-5: #ffcd94;
}

SCSS

$color-1: #4b1c66;
$color-2: #80477e;
$color-3: #bd6f8c;
$color-4: #e89c87;
$color-5: #ffcd94;

TAILWIND

colors: {
  'brand-1': '#4b1c66',
  'brand-2': '#80477e',
  'brand-3': '#bd6f8c',
  'brand-4': '#e89c87',
  'brand-5': '#ffcd94',
}

RGB Array

[75, 28, 102], [128, 71, 126], [189, 111, 140], [232, 156, 135], [255, 205, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4B1C66, #80477E, #BD6F8C, #E89C87, #FFCD94 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: #4b1c66; --color-2: #80477e; --color-3: #bd6f8c; --color-4: #e89c87; --color-5: #ffcd94. 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