← Back to Editor

#946AB2 · #AB83B7 · #E1A7BF · #FDC1C0 · #FFE9C6

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#946AB2

Dark Plum · LightSlateGray · Violet

HEX
#946AB2
RGB
rgb(148, 106, 178)
HSL
hsl(275, 32%, 56%)
HSB
hsb(275, 40%, 70%)
CMYK
cmyk(17%, 40%, 0%, 30%)
Oklch
oklch(59.5% 0.116 310.1)

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

#AB83B7

Lilac · DarkGray · Lilac Purple

HEX
#AB83B7
RGB
rgb(171, 131, 183)
HSL
hsl(286, 27%, 62%)
HSB
hsb(286, 28%, 72%)
CMYK
cmyk(7%, 28%, 0%, 28%)
Oklch
oklch(66.6% 0.088 318.3)

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

#E1A7BF

Rouge · LightPink · Cherry Blossom

HEX
#E1A7BF
RGB
rgb(225, 167, 191)
HSL
hsl(335, 49%, 77%)
HSB
hsb(335, 26%, 88%)
CMYK
cmyk(0%, 26%, 15%, 12%)
Oklch
oklch(78.9% 0.075 352.3)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#FDC1C0

Peach Pink · Pink · Cherry Blossom

HEX
#FDC1C0
RGB
rgb(253, 193, 192)
HSL
hsl(1, 94%, 87%)
HSB
hsb(1, 24%, 99%)
CMYK
cmyk(0%, 24%, 24%, 1%)
Oklch
oklch(86.5% 0.069 19.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FFE9C6

Goose Yellow · Bisque · Peach Orange

HEX
#FFE9C6
RGB
rgb(255, 233, 198)
HSL
hsl(37, 100%, 89%)
HSB
hsb(37, 22%, 100%)
CMYK
cmyk(0%, 9%, 22%, 0%)
Oklch
oklch(94.3% 0.052 79.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

946AB2
89B36B

Analogous

716BB3
946AB2
B36BAD

Triadic

946AB2
B3956B
6BB395

Split-Comp.

946AB2
ADB36B
6BB371

Tetradic

946AB2
B3716B
89B36B
6BADB3

Contrast Matrix WCAG 2.1 Contrast

946AB2
AB83B7
E1A7BF
FDC1C0
FFE9C6
—
1.3
Fail
2.1
Fail
2.7
Fail
3.6
AA Large
1.3
Fail
—
1.6
Fail
2.0
Fail
2.7
Fail
2.1
Fail
1.6
Fail
—
1.3
Fail
1.7
Fail
2.7
Fail
2.0
Fail
1.3
Fail
—
1.3
Fail
3.6
AA Large
2.7
Fail
1.7
Fail
1.3
Fail
—
White BG
4.2AA Large
3.2AA Large
2.0Fail
1.5Fail
1.2Fail
Black BG
5.0AA
6.7AA
10.5AAA
13.6AAA
17.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8281A1
9A99AA
C8C7B9
E3E2C0
F5F5CE

Deuteranopia

84879C
9C9FA7
CBD0B8
E7EBC0
F7F8D1

Tritanopia

929390
A9A09E
DEB5B4
FAC0C0
FED5D7

Achromatopsia

7F7F7F
959595
BBBBBB
D3D3D3
ECECEC

Shades & Tints Shades & Tints

#946AB2

Dark
Light

#AB83B7

Dark
Light

#E1A7BF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #946ab2;
  --color-2: #ab83b7;
  --color-3: #e1a7bf;
  --color-4: #fdc1c0;
  --color-5: #ffe9c6;
}

SCSS

$color-1: #946ab2;
$color-2: #ab83b7;
$color-3: #e1a7bf;
$color-4: #fdc1c0;
$color-5: #ffe9c6;

TAILWIND

colors: {
  'brand-1': '#946ab2',
  'brand-2': '#ab83b7',
  'brand-3': '#e1a7bf',
  'brand-4': '#fdc1c0',
  'brand-5': '#ffe9c6',
}

RGB Array

[148, 106, 178], [171, 131, 183], [225, 167, 191], [253, 193, 192], [255, 233, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #946AB2, #AB83B7, #E1A7BF, #FDC1C0, #FFE9C6 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #946ab2; --color-2: #ab83b7; --color-3: #e1a7bf; --color-4: #fdc1c0; --color-5: #ffe9c6. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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