#91D9D1 + #A88AB8 + #9E19E0 + #9939A8 + #A6117E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#91D9D1

Jade · SkyBlue · Lake Green

HEX

#91D9D1

RGB

rgb(145, 217, 209)

HSL

hsl(173, 49%, 71%)

HSB

hsb(173, 33%, 85%)

CMYK

cmyk(33%, 0%, 4%, 15%)

Oklch

oklch(83.6% 0.073 187.1)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#A88AB8

Lilac · DarkGray · Lilac Purple

HEX

#A88AB8

RGB

rgb(168, 138, 184)

HSL

hsl(279, 24%, 63%)

HSB

hsb(279, 25%, 72%)

CMYK

cmyk(9%, 25%, 0%, 28%)

Oklch

oklch(67.7% 0.074 313.7)

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

#9E19E0

Royal Purple · DarkViolet · Violet

HEX

#9E19E0

RGB

rgb(158, 25, 224)

HSL

hsl(280, 80%, 49%)

HSB

hsb(280, 89%, 88%)

CMYK

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

Oklch

oklch(54.7% 0.264 309.5)

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

#9939A8

Dark Plum · DarkOrchid · Violet

HEX

#9939A8

RGB

rgb(153, 57, 168)

HSL

hsl(292, 49%, 44%)

HSB

hsb(292, 66%, 66%)

CMYK

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

Oklch

oklch(52.4% 0.186 322.0)

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

#A6117E

Rose Purple · MediumVioletRed · Eggplant

HEX

#A6117E

RGB

rgb(166, 17, 126)

HSL

hsl(316, 81%, 36%)

HSB

hsb(316, 90%, 65%)

CMYK

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

Oklch

oklch(49.1% 0.201 343.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

91D9D1

D99199

Analogous

91D9AD

91D9D1

91BED9

Triadic

91D9D1

D191D9

D9D191

Split-Comp.

91D9D1

D991BE

D9AD91

Tetradic

91D9D1

AD91D9

D99199

BED991

Contrast Matrix WCAG 2.1 Contrast

91D9D1	A88AB8	9E19E0	9939A8	A6117E
—	1.9 Fail	3.6 AA Large	3.7 AA Large	4.3 AA Large
1.9 Fail	—	1.9 Fail	2.0 Fail	2.3 Fail
3.6 AA Large	1.9 Fail	—	1.0 Fail	1.2 Fail
3.7 AA Large	2.0 Fail	1.0 Fail	—	1.2 Fail
4.3 AA Large	2.3 Fail	1.2 Fail	1.2 Fail	—

White BG

1.6Fail

3.0AA Large

5.7AA

6.0AA

7.0AA

Black BG

13.0AAA

7.0AA

3.7AA Large

3.5AA Large

3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0B1D3

9B9BAD

6463B0

6F6F8D

656464

Deuteranopia

ACA7D3

9D9FAA

6C76A4

757C87

6E795D

Tritanopia

95D4D5

A7A4A2

978A81

947873

9F4F4A

Achromatopsia

C3C3C3

989898

575757

626262

4A4A4A

Shades & Tints Shades & Tints

#91D9D1

Dark

Light

#A88AB8

Dark

Light

#9E19E0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #91d9d1;
  --color-2: #a88ab8;
  --color-3: #9e19e0;
  --color-4: #9939a8;
  --color-5: #a6117e;
}

SCSS

$color-1: #91d9d1;
$color-2: #a88ab8;
$color-3: #9e19e0;
$color-4: #9939a8;
$color-5: #a6117e;

TAILWIND

colors: {
  'brand-1': '#91d9d1',
  'brand-2': '#a88ab8',
  'brand-3': '#9e19e0',
  'brand-4': '#9939a8',
  'brand-5': '#a6117e',
}

RGB Array

[145, 217, 209], [168, 138, 184], [158, 25, 224], [153, 57, 168], [166, 17, 126]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #91D9D1, #A88AB8, #9E19E0, #9939A8, #A6117E 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: #91d9d1; --color-2: #a88ab8; --color-3: #9e19e0; --color-4: #9939a8; --color-5: #a6117e. 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