← Back to Editor

#E342D8 · #A1819F · #9492A8 · #A1A89D · #AEC48F

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 Library

Color Details Color Details

#E342D8

Rose Purple · MediumOrchid · Violet

HEX
#E342D8
RGB
rgb(227, 66, 216)
HSL
hsl(304, 74%, 57%)
HSB
hsb(304, 71%, 89%)
CMYK
cmyk(0%, 71%, 5%, 11%)
Oklch
oklch(66.5% 0.250 331.0)

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

#A1819F

Rose Purple · DarkGray · Violet

HEX
#A1819F
RGB
rgb(161, 129, 159)
HSL
hsl(304, 15%, 57%)
HSB
hsb(304, 20%, 63%)
CMYK
cmyk(0%, 20%, 1%, 37%)
Oklch
oklch(64.3% 0.058 328.2)

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

#9492A8

Wisteria · DarkGray · Cobalt Blue

HEX
#9492A8
RGB
rgb(148, 146, 168)
HSL
hsl(245, 11%, 62%)
HSB
hsb(245, 13%, 66%)
CMYK
cmyk(12%, 13%, 0%, 34%)
Oklch
oklch(66.9% 0.032 289.7)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#A1A89D

Ash · DarkGray · Silver Sand

HEX
#A1A89D
RGB
rgb(161, 168, 157)
HSL
hsl(98, 6%, 64%)
HSB
hsb(98, 7%, 66%)
CMYK
cmyk(4%, 0%, 7%, 34%)
Oklch
oklch(72.3% 0.018 133.9)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#AEC48F

Willow Green · DarkSeaGreen · Apple Green

HEX
#AEC48F
RGB
rgb(174, 196, 143)
HSL
hsl(85, 31%, 66%)
HSB
hsb(85, 27%, 77%)
CMYK
cmyk(11%, 0%, 27%, 23%)
Oklch
oklch(79.0% 0.076 126.4)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E342D8
40E24B

Analogous

9C40E2
E342D8
E24087

Triadic

E342D8
D8E240
40D8E2

Split-Comp.

E342D8
87E240
40E29C

Tetradic

E342D8
E29C40
40E24B
4087E2

Contrast Matrix WCAG 2.1 Contrast

E342D8
A1819F
9492A8
A1A89D
AEC48F
—
1.0
Fail
1.1
Fail
1.4
Fail
1.8
Fail
1.0
Fail
—
1.1
Fail
1.4
Fail
1.8
Fail
1.1
Fail
1.1
Fail
—
1.2
Fail
1.6
Fail
1.4
Fail
1.4
Fail
1.2
Fail
—
1.3
Fail
1.8
Fail
1.8
Fail
1.6
Fail
1.3
Fail
—
White BG
3.5AA Large
3.4AA Large
3.0AA Large
2.4Fail
1.9Fail
Black BG
6.0AA
6.2AA
6.9AA
8.6AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9CB4
939398
9393A3
A4A4A0
B8B89C

Deuteranopia

A7B3AB
959796
9393A1
A4A3A0
B6B59F

Tritanopia

DB9791
9F9291
949E9E
A1A2A2
AFA6A8

Achromatopsia

838383
8E8E8E
959595
A5A5A5
B7B7B7

Shades & Tints Shades & Tints

#E342D8

Dark
Light

#A1819F

Dark
Light

#9492A8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e342d8;
  --color-2: #a1819f;
  --color-3: #9492a8;
  --color-4: #a1a89d;
  --color-5: #aec48f;
}

SCSS

$color-1: #e342d8;
$color-2: #a1819f;
$color-3: #9492a8;
$color-4: #a1a89d;
$color-5: #aec48f;

TAILWIND

colors: {
  'brand-1': '#e342d8',
  'brand-2': '#a1819f',
  'brand-3': '#9492a8',
  'brand-4': '#a1a89d',
  'brand-5': '#aec48f',
}

RGB Array

[227, 66, 216], [161, 129, 159], [148, 146, 168], [161, 168, 157], [174, 196, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E342D8, #A1819F, #9492A8, #A1A89D, #AEC48F 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: #e342d8; --color-2: #a1819f; --color-3: #9492a8; --color-4: #a1a89d; --color-5: #aec48f. 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