← Back to Editor

#A38CBA · #E5D8F2 · #CC43B1 · #4D4457 · #F7643B

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

#A38CBA

Lilac · DarkGray · Lilac Purple

HEX
#A38CBA
RGB
rgb(163, 140, 186)
HSL
hsl(270, 25%, 64%)
HSB
hsb(270, 25%, 73%)
CMYK
cmyk(12%, 25%, 0%, 27%)
Oklch
oklch(67.7% 0.071 307.3)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#E5D8F2

Lilac · Lavender · Lavender

HEX
#E5D8F2
RGB
rgb(229, 216, 242)
HSL
hsl(270, 50%, 90%)
HSB
hsb(270, 11%, 95%)
CMYK
cmyk(5%, 11%, 0%, 5%)
Oklch
oklch(90.0% 0.038 308.0)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#CC43B1

Rose Purple · MediumOrchid · Violet

HEX
#CC43B1
RGB
rgb(204, 67, 177)
HSL
hsl(312, 57%, 53%)
HSB
hsb(312, 67%, 80%)
CMYK
cmyk(0%, 67%, 13%, 20%)
Oklch
oklch(61.3% 0.209 336.7)

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

#4D4457

Deep Indigo · DarkSlateGray · Eggplant

HEX
#4D4457
RGB
rgb(77, 68, 87)
HSL
hsl(268, 12%, 30%)
HSB
hsb(268, 22%, 34%)
CMYK
cmyk(11%, 22%, 0%, 66%)
Oklch
oklch(40.3% 0.033 306.4)

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

#F7643B

Vermilion · Tomato · Passion Red

HEX
#F7643B
RGB
rgb(247, 100, 59)
HSL
hsl(13, 92%, 60%)
HSB
hsb(13, 76%, 97%)
CMYK
cmyk(0%, 60%, 76%, 3%)
Oklch
oklch(68.4% 0.189 36.2)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A38CBA
A3BA8C

Analogous

8C8CBA
A38CBA
BA8CBA

Triadic

A38CBA
BAA38C
8CBAA3

Split-Comp.

A38CBA
BABA8C
8CBA8C

Tetradic

A38CBA
BA8C8C
A3BA8C
8CBABA

Contrast Matrix WCAG 2.1 Contrast

A38CBA
E5D8F2
CC43B1
4D4457
F7643B
—
2.2
Fail
1.4
Fail
3.1
AA Large
1.0
Fail
2.2
Fail
—
3.1
AA Large
6.8
AA
2.3
Fail
1.4
Fail
3.1
AA Large
—
2.2
Fail
1.4
Fail
3.1
AA Large
6.8
AA
2.2
Fail
—
3.0
AA Large
1.0
Fail
2.3
Fail
1.4
Fail
3.0
AA Large
—
White BG
3.0Fail
1.4Fail
4.2AA Large
9.2AAA
3.1AA Large
Black BG
7.0AAA
15.4AAA
5.0AA
2.3Fail
6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9999AF
DFDFEC
918F96
494952
B7B645

Deuteranopia

9A9CAC
E0E1EA
99A390
4A4A51
C0CB47

Tritanopia

A2A6A4
E4E7E6
C5817D
4D4F4E
F04D4E

Achromatopsia

989898
DFDFDF
797979
494949
8B8B8B

Shades & Tints Shades & Tints

#A38CBA

Dark
Light

#E5D8F2

Dark
Light

#CC43B1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a38cba;
  --color-2: #e5d8f2;
  --color-3: #cc43b1;
  --color-4: #4d4457;
  --color-5: #f7643b;
}

SCSS

$color-1: #a38cba;
$color-2: #e5d8f2;
$color-3: #cc43b1;
$color-4: #4d4457;
$color-5: #f7643b;

TAILWIND

colors: {
  'brand-1': '#a38cba',
  'brand-2': '#e5d8f2',
  'brand-3': '#cc43b1',
  'brand-4': '#4d4457',
  'brand-5': '#f7643b',
}

RGB Array

[163, 140, 186], [229, 216, 242], [204, 67, 177], [77, 68, 87], [247, 100, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A38CBA, #E5D8F2, #CC43B1, #4D4457, #F7643B 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: #a38cba; --color-2: #e5d8f2; --color-3: #cc43b1; --color-4: #4d4457; --color-5: #f7643b. 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