#E9A5CC + #C2A8EB + #9094D7 + #7E74C3 + #354EA3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E9A5CC

Mauve · LightPink · Cherry Blossom

HEX

#E9A5CC

RGB

rgb(233, 165, 204)

HSL

hsl(326, 61%, 78%)

HSB

hsb(326, 29%, 91%)

CMYK

cmyk(0%, 29%, 12%, 9%)

Oklch

oklch(79.8% 0.094 344.1)

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

#C2A8EB

Wisteria · LightSteelBlue · Lilac Purple

HEX

#C2A8EB

RGB

rgb(194, 168, 235)

HSL

hsl(263, 63%, 79%)

HSB

hsb(263, 29%, 92%)

CMYK

cmyk(17%, 29%, 0%, 8%)

Oklch

oklch(77.8% 0.098 302.0)

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

#9094D7

Azure · CornflowerBlue · Cobalt Blue

HEX

#9094D7

RGB

rgb(144, 148, 215)

HSL

hsl(237, 47%, 70%)

HSB

hsb(237, 33%, 84%)

CMYK

cmyk(33%, 31%, 0%, 16%)

Oklch

oklch(68.9% 0.098 280.9)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#7E74C3

Wisteria · SlateBlue · Cobalt Blue

HEX

#7E74C3

RGB

rgb(126, 116, 195)

HSL

hsl(248, 40%, 61%)

HSB

hsb(248, 41%, 76%)

CMYK

cmyk(35%, 41%, 0%, 24%)

Oklch

oklch(60.2% 0.118 288.1)

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

#354EA3

Indigo · DarkSlateBlue · Navy Blue

HEX

#354EA3

RGB

rgb(53, 78, 163)

HSL

hsl(226, 51%, 42%)

HSB

hsb(226, 67%, 64%)

CMYK

cmyk(67%, 52%, 0%, 36%)

Oklch

oklch(45.3% 0.140 268.0)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9A5CC

A5E9C2

Analogous

E5A5E9

E9A5CC

E9A5A9

Triadic

E9A5CC

CBE9A5

A5CBE9

Split-Comp.

E9A5CC

A9E9A5

A5E9E5

Tetradic

E9A5CC

E9E5A5

A5E9C2

A5A9E9

Contrast Matrix WCAG 2.1 Contrast

E9A5CC	C2A8EB	9094D7	7E74C3	354EA3
—	1.1 Fail	1.4 Fail	2.1 Fail	3.9 AA Large
1.1 Fail	—	1.4 Fail	2.0 Fail	3.6 AA Large
1.4 Fail	1.4 Fail	—	1.4 Fail	2.7 Fail
2.1 Fail	2.0 Fail	1.4 Fail	—	1.9 Fail
3.9 AA Large	3.6 AA Large	2.7 Fail	1.9 Fail	—

White BG

2.0Fail

2.1Fail

2.8Fail

4.1AA Large

7.6AAA

Black BG

10.7AAA

10.1AAA

7.4AAA

5.2AA

2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCBC3

B7B7DB

9292C7

7A7AB0

40408E

Deuteranopia

D0D5C0

B8BAD7

9291C3

7A7BAB

3E3C8A

Tritanopia

E6BBB9

C1CECB

90BAB7

7DA19D

367E7B

Achromatopsia

BEBEBE

B7B7B7

9A9A9A

808080

505050

Shades & Tints Shades & Tints

#E9A5CC

Dark

Light

#C2A8EB

Dark

Light

#9094D7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9a5cc;
  --color-2: #c2a8eb;
  --color-3: #9094d7;
  --color-4: #7e74c3;
  --color-5: #354ea3;
}

SCSS

$color-1: #e9a5cc;
$color-2: #c2a8eb;
$color-3: #9094d7;
$color-4: #7e74c3;
$color-5: #354ea3;

TAILWIND

colors: {
  'brand-1': '#e9a5cc',
  'brand-2': '#c2a8eb',
  'brand-3': '#9094d7',
  'brand-4': '#7e74c3',
  'brand-5': '#354ea3',
}

RGB Array

[233, 165, 204], [194, 168, 235], [144, 148, 215], [126, 116, 195], [53, 78, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E9A5CC, #C2A8EB, #9094D7, #7E74C3, #354EA3 is ideal for: health products, baby brands, fresh-style blogs. 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: #e9a5cc; --color-2: #c2a8eb; --color-3: #9094d7; --color-4: #7e74c3; --color-5: #354ea3. 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. 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