#AC80CB + #BA9ABE + #C9B7AF + #D8D59E + #E8F58A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#AC80CB

Lilac · MediumOrchid · Lilac Purple

HEX

#AC80CB

RGB

rgb(172, 128, 203)

HSL

hsl(275, 42%, 65%)

HSB

hsb(275, 37%, 80%)

CMYK

cmyk(15%, 37%, 0%, 20%)

Oklch

oklch(67.1% 0.118 310.4)

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

#BA9ABE

Lilac · DarkGray · Lilac Purple

HEX

#BA9ABE

RGB

rgb(186, 154, 190)

HSL

hsl(293, 22%, 67%)

HSB

hsb(293, 19%, 75%)

CMYK

cmyk(2%, 19%, 0%, 25%)

Oklch

oklch(72.7% 0.062 322.6)

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

#C9B7AF

Apricot · Silver · Warm Sun

HEX

#C9B7AF

RGB

rgb(201, 183, 175)

HSL

hsl(18, 19%, 74%)

HSB

hsb(18, 13%, 79%)

CMYK

cmyk(0%, 9%, 13%, 21%)

Oklch

oklch(79.2% 0.024 45.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#D8D59E

Fresh Green · Khaki · Sunflower

HEX

#D8D59E

RGB

rgb(216, 213, 158)

HSL

hsl(57, 43%, 73%)

HSB

hsb(57, 27%, 85%)

CMYK

cmyk(0%, 1%, 27%, 15%)

Oklch

oklch(86.2% 0.072 105.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#E8F58A

Fresh Green · Khaki · Sunflower

HEX

#E8F58A

RGB

rgb(232, 245, 138)

HSL

hsl(67, 84%, 75%)

HSB

hsb(67, 44%, 96%)

CMYK

cmyk(5%, 0%, 44%, 4%)

Oklch

oklch(93.8% 0.132 114.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AC80CB

A0CB80

Analogous

8780CB

AC80CB

CB80C5

Triadic

AC80CB

CBAC80

80CBAC

Split-Comp.

AC80CB

C5CB80

80CB87

Tetradic

AC80CB

CB8780

A0CB80

80C5CB

Contrast Matrix WCAG 2.1 Contrast

AC80CB	BA9ABE	C9B7AF	D8D59E	E8F58A
—	1.3 Fail	1.6 Fail	2.1 Fail	2.7 Fail
1.3 Fail	—	1.3 Fail	1.6 Fail	2.1 Fail
1.6 Fail	1.3 Fail	—	1.3 Fail	1.6 Fail
2.1 Fail	1.6 Fail	1.3 Fail	—	1.3 Fail
2.7 Fail	2.1 Fail	1.6 Fail	1.3 Fail	—

White BG

3.1AA Large

2.5Fail

1.9Fail

1.5Fail

1.2Fail

Black BG

6.7AA

8.5AAA

10.9AAA

13.9AAA

17.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9999B9

ACACB5

C1C1B1

D7D7AB

EEEEA4

Deuteranopia

9C9FB5

AEB0B3

C2C4B1

D7D7AF

EDECAA

Tritanopia

AAABA7

B8AEAD

C8B2B3

D8B6B8

E9B8BD

Achromatopsia

969696

A8A8A8

BBBBBB

D0D0D0

E5E5E5

Shades & Tints Shades & Tints

#AC80CB

Dark

Light

#BA9ABE

Dark

Light

#C9B7AF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ac80cb;
  --color-2: #ba9abe;
  --color-3: #c9b7af;
  --color-4: #d8d59e;
  --color-5: #e8f58a;
}

SCSS

$color-1: #ac80cb;
$color-2: #ba9abe;
$color-3: #c9b7af;
$color-4: #d8d59e;
$color-5: #e8f58a;

TAILWIND

colors: {
  'brand-1': '#ac80cb',
  'brand-2': '#ba9abe',
  'brand-3': '#c9b7af',
  'brand-4': '#d8d59e',
  'brand-5': '#e8f58a',
}

RGB Array

[172, 128, 203], [186, 154, 190], [201, 183, 175], [216, 213, 158], [232, 245, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AC80CB, #BA9ABE, #C9B7AF, #D8D59E, #E8F58A 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: #ac80cb; --color-2: #ba9abe; --color-3: #c9b7af; --color-4: #d8d59e; --color-5: #e8f58a. 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