#A189AD + #AC86BF + #BA85D4 + #C78AE6 + #CD91EB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryClean

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A189AD

Lilac · DarkGray · Lilac Purple

HEX

#A189AD

RGB

rgb(161, 137, 173)

HSL

hsl(280, 18%, 61%)

HSB

hsb(280, 21%, 68%)

CMYK

cmyk(7%, 21%, 0%, 32%)

Oklch

oklch(66.4% 0.059 314.4)

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

#AC86BF

Lilac · DarkGray · Lilac Purple

HEX

#AC86BF

RGB

rgb(172, 134, 191)

HSL

hsl(280, 31%, 64%)

HSB

hsb(280, 30%, 75%)

CMYK

cmyk(10%, 30%, 0%, 25%)

Oklch

oklch(67.6% 0.092 314.2)

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

#BA85D4

Lilac · Orchid · Lilac Purple

HEX

#BA85D4

RGB

rgb(186, 133, 212)

HSL

hsl(280, 48%, 68%)

HSB

hsb(280, 37%, 83%)

CMYK

cmyk(12%, 37%, 0%, 17%)

Oklch

oklch(69.8% 0.126 314.1)

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

#C78AE6

Lilac · Orchid · Lilac Purple

HEX

#C78AE6

RGB

rgb(199, 138, 230)

HSL

hsl(280, 65%, 72%)

HSB

hsb(280, 40%, 90%)

CMYK

cmyk(13%, 40%, 0%, 10%)

Oklch

oklch(72.8% 0.144 313.6)

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

#CD91EB

Lilac · Violet · Lilac Purple

HEX

#CD91EB

RGB

rgb(205, 145, 235)

HSL

hsl(280, 69%, 75%)

HSB

hsb(280, 38%, 92%)

CMYK

cmyk(13%, 38%, 0%, 8%)

Oklch

oklch(74.7% 0.140 313.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A189AD

96AD8A

Analogous

908AAD

A189AD

AD8AA7

Triadic

A189AD

ADA28A

8AADA2

Split-Comp.

A189AD

A7AD8A

8AAD90

Tetradic

A189AD

AD908A

96AD8A

8AA7AD

Contrast Matrix WCAG 2.1 Contrast

A189AD	AC86BF	BA85D4	C78AE6	CD91EB
—	1.0 Fail	1.1 Fail	1.2 Fail	1.3 Fail
1.0 Fail	—	1.1 Fail	1.2 Fail	1.3 Fail
1.1 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.2 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.3 Fail	1.3 Fail	1.2 Fail	1.1 Fail	—

White BG

3.1AA Large

3.0AA Large

2.8Fail

2.6Fail

2.4Fail

Black BG

6.7AA

6.9AA

7.4AAA

8.2AAA

8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9796A4

9C9BB1

A3A3C1

ADACD0

B3B2D5

Deuteranopia

989AA2

9EA1AE

A6AABC

B0B5CA

B7BBD0

Tritanopia

A09D9C

AAA6A4

B7B2AE

C4BEBA

CAC4C0

Achromatopsia

949494

989898

9E9E9E

A7A7A7

ADADAD

Shades & Tints Shades & Tints

#A189AD

Dark

Light

#AC86BF

Dark

Light

#BA85D4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a189ad;
  --color-2: #ac86bf;
  --color-3: #ba85d4;
  --color-4: #c78ae6;
  --color-5: #cd91eb;
}

SCSS

$color-1: #a189ad;
$color-2: #ac86bf;
$color-3: #ba85d4;
$color-4: #c78ae6;
$color-5: #cd91eb;

TAILWIND

colors: {
  'brand-1': '#a189ad',
  'brand-2': '#ac86bf',
  'brand-3': '#ba85d4',
  'brand-4': '#c78ae6',
  'brand-5': '#cd91eb',
}

RGB Array

[161, 137, 173], [172, 134, 191], [186, 133, 212], [199, 138, 230], [205, 145, 235]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A189AD, #AC86BF, #BA85D4, #C78AE6, #CD91EB 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: #a189ad; --color-2: #ac86bf; --color-3: #ba85d4; --color-4: #c78ae6; --color-5: #cd91eb. 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