#E91099 + #B3649F + #A07ABA + #9189C7 + #6E6995 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E91099

Rose Purple · DeepPink · Camellia

HEX

#E91099

RGB

rgb(233, 16, 153)

HSL

hsl(322, 87%, 49%)

HSB

hsb(322, 93%, 91%)

CMYK

cmyk(0%, 93%, 34%, 9%)

Oklch

oklch(61.8% 0.252 350.6)

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

#B3649F

Rose Purple · MediumOrchid · Violet

HEX

#B3649F

RGB

rgb(179, 100, 159)

HSL

hsl(315, 34%, 55%)

HSB

hsb(315, 44%, 70%)

CMYK

cmyk(0%, 44%, 11%, 30%)

Oklch

oklch(61.2% 0.126 337.2)

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

#A07ABA

Dark Plum · DarkGray · Violet

HEX

#A07ABA

RGB

rgb(160, 122, 186)

HSL

hsl(276, 32%, 60%)

HSB

hsb(276, 34%, 73%)

CMYK

cmyk(14%, 34%, 0%, 27%)

Oklch

oklch(64.0% 0.102 310.9)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#9189C7

Wisteria · DarkGray · Cobalt Blue

HEX

#9189C7

RGB

rgb(145, 137, 199)

HSL

hsl(248, 36%, 66%)

HSB

hsb(248, 31%, 78%)

CMYK

cmyk(27%, 31%, 0%, 22%)

Oklch

oklch(66.1% 0.091 289.6)

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

#6E6995

Deep Indigo · SlateGray · Navy Blue

HEX

#6E6995

RGB

rgb(110, 105, 149)

HSL

hsl(247, 17%, 50%)

HSB

hsb(247, 30%, 58%)

CMYK

cmyk(26%, 30%, 0%, 42%)

Oklch

oklch(54.3% 0.068 289.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E91099

10EA60

Analogous

CD10EA

E91099

EA102D

Triadic

E91099

9AEA10

109AEA

Split-Comp.

E91099

2DEA10

10EACD

Tetradic

E91099

EACD10

10EA60

102DEA

Contrast Matrix WCAG 2.1 Contrast

E91099	B3649F	A07ABA	9189C7	6E6995
—	1.0 Fail	1.2 Fail	1.3 Fail	1.2 Fail
1.0 Fail	—	1.1 Fail	1.3 Fail	1.3 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.5 Fail
1.3 Fail	1.3 Fail	1.1 Fail	—	1.6 Fail
1.2 Fail	1.3 Fail	1.5 Fail	1.6 Fail	—

White BG

4.2AA Large

4.0AA Large

3.5AA Large

3.2AA Large

5.1AA

Black BG

5.0AA

5.2AA

6.0AA

6.6AA

4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8978

919091

908FAB

8E8DB8

6C6C8A

Deuteranopia

98A870

959B8D

9295A7

8E8FB4

6C6D88

Tritanopia

DE5E58

AF8583

9E9E9C

91ACAA

6E8280

Achromatopsia

616161

828282

8D8D8D

929292

707070

Shades & Tints Shades & Tints

#E91099

Dark

Light

#B3649F

Dark

Light

#A07ABA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e91099;
  --color-2: #b3649f;
  --color-3: #a07aba;
  --color-4: #9189c7;
  --color-5: #6e6995;
}

SCSS

$color-1: #e91099;
$color-2: #b3649f;
$color-3: #a07aba;
$color-4: #9189c7;
$color-5: #6e6995;

TAILWIND

colors: {
  'brand-1': '#e91099',
  'brand-2': '#b3649f',
  'brand-3': '#a07aba',
  'brand-4': '#9189c7',
  'brand-5': '#6e6995',
}

RGB Array

[233, 16, 153], [179, 100, 159], [160, 122, 186], [145, 137, 199], [110, 105, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E91099, #B3649F, #A07ABA, #9189C7, #6E6995 is ideal for: corporate websites, product showcases, portfolios. 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: #e91099; --color-2: #b3649f; --color-3: #a07aba; --color-4: #9189c7; --color-5: #6e6995. 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. 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