#AC027D + #A32A87 + #965494 + #B0ACAB + #B7B4B3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#AC027D

Rose Purple · MediumVioletRed · Eggplant

HEX

#AC027D

RGB

rgb(172, 2, 125)

HSL

hsl(317, 98%, 34%)

HSB

hsb(317, 99%, 67%)

CMYK

cmyk(0%, 99%, 27%, 33%)

Oklch

oklch(49.7% 0.210 344.9)

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

#A32A87

Rose Purple · MediumVioletRed · Eggplant

HEX

#A32A87

RGB

rgb(163, 42, 135)

HSL

hsl(314, 59%, 40%)

HSB

hsb(314, 74%, 64%)

CMYK

cmyk(0%, 74%, 17%, 36%)

Oklch

oklch(50.6% 0.184 339.0)

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

#965494

Rose Purple · Gray · Violet

HEX

#965494

RGB

rgb(150, 84, 148)

HSL

hsl(302, 28%, 46%)

HSB

hsb(302, 44%, 59%)

CMYK

cmyk(0%, 44%, 1%, 41%)

Oklch

oklch(54.6% 0.122 328.2)

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

#B0ACAB

Ash · DarkGray · Silver Sand

HEX

#B0ACAB

RGB

rgb(176, 172, 171)

HSL

hsl(12, 3%, 68%)

HSB

hsb(12, 3%, 69%)

CMYK

cmyk(0%, 2%, 3%, 31%)

Oklch

oklch(74.7% 0.005 34.3)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#B7B4B3

Silver Gray · Silver · Pearl Gray

HEX

#B7B4B3

RGB

rgb(183, 180, 179)

HSL

hsl(15, 3%, 71%)

HSB

hsb(15, 2%, 72%)

CMYK

cmyk(0%, 2%, 2%, 28%)

Oklch

oklch(77.2% 0.004 39.5)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AC027D

02AC32

Analogous

8702AC

AC027D

AC0227

Triadic

AC027D

7CAC02

027CAC

Split-Comp.

AC027D

27AC02

02AC87

Tetradic

AC027D

AC8702

02AC32

0227AC

Contrast Matrix WCAG 2.1 Contrast

AC027D	A32A87	965494	B0ACAB	B7B4B3
—	1.1 Fail	1.3 Fail	3.1 AA Large	3.3 AA Large
1.1 Fail	—	1.2 Fail	2.9 Fail	3.1 AA Large
1.3 Fail	1.2 Fail	—	2.3 Fail	2.6 Fail
3.1 AA Large	2.9 Fail	2.3 Fail	—	1.1 Fail
3.3 AA Large	3.1 AA Large	2.6 Fail	1.1 Fail	—

White BG

6.9AA

6.5AA

5.3AA

2.2Fail

2.1Fail

Black BG

3.1AA Large

3.2AA Large

4.0AA Large

9.3AAA

10.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

62615F

6F6E70

797985

AEAEAB

B6B6B3

Deuteranopia

6C7958

767F6B

7D8281

AFAFAB

B6B6B3

Tritanopia

A44843

9D5F5B

937876

B0ABAB

B7B3B3

Achromatopsia

434343

595959

6F6F6F

ADADAD

B5B5B5

Shades & Tints Shades & Tints

#AC027D

Dark

Light

#A32A87

Dark

Light

#965494

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ac027d;
  --color-2: #a32a87;
  --color-3: #965494;
  --color-4: #b0acab;
  --color-5: #b7b4b3;
}

SCSS

$color-1: #ac027d;
$color-2: #a32a87;
$color-3: #965494;
$color-4: #b0acab;
$color-5: #b7b4b3;

TAILWIND

colors: {
  'brand-1': '#ac027d',
  'brand-2': '#a32a87',
  'brand-3': '#965494',
  'brand-4': '#b0acab',
  'brand-5': '#b7b4b3',
}

RGB Array

[172, 2, 125], [163, 42, 135], [150, 84, 148], [176, 172, 171], [183, 180, 179]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AC027D, #A32A87, #965494, #B0ACAB, #B7B4B3 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: #ac027d; --color-2: #a32a87; --color-3: #965494; --color-4: #b0acab; --color-5: #b7b4b3. 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