← Back to Editor

#A8847C · #F2DBD6 · #F3E4F7 · #C4B1CA · #816D87

luxury

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#A8847C

Crimson · Gray · Passion Red

HEX
#A8847C
RGB
rgb(168, 132, 124)
HSL
hsl(11, 20%, 57%)
HSB
hsb(11, 26%, 66%)
CMYK
cmyk(0%, 21%, 26%, 34%)
Oklch
oklch(64.5% 0.046 32.7)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#F2DBD6

Peach Pink · Bisque · Cherry Blossom

HEX
#F2DBD6
RGB
rgb(242, 219, 214)
HSL
hsl(11, 52%, 89%)
HSB
hsb(11, 12%, 95%)
CMYK
cmyk(0%, 10%, 12%, 5%)
Oklch
oklch(90.9% 0.026 32.2)

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

#F3E4F7

Lilac · Lavender · Lavender

HEX
#F3E4F7
RGB
rgb(243, 228, 247)
HSL
hsl(287, 54%, 93%)
HSB
hsb(287, 8%, 97%)
CMYK
cmyk(2%, 8%, 0%, 3%)
Oklch
oklch(93.6% 0.030 319.1)

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

#C4B1CA

Lilac · Silver · Lilac Purple

HEX
#C4B1CA
RGB
rgb(196, 177, 202)
HSL
hsl(286, 19%, 74%)
HSB
hsb(286, 12%, 79%)
CMYK
cmyk(3%, 12%, 0%, 21%)
Oklch
oklch(78.4% 0.041 318.0)

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

#816D87

Dark Plum · Gray · Violet

HEX
#816D87
RGB
rgb(129, 109, 135)
HSL
hsl(286, 11%, 48%)
HSB
hsb(286, 19%, 53%)
CMYK
cmyk(4%, 19%, 0%, 47%)
Oklch
oklch(56.3% 0.046 318.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A8847C
7B9FA7

Analogous

A77B89
A8847C
A7997B

Triadic

A8847C
7BA783
837BA7

Split-Comp.

A8847C
7BA799
7B89A7

Tetradic

A8847C
89A77B
7B9FA7
997BA7

Contrast Matrix WCAG 2.1 Contrast

A8847C
F2DBD6
F3E4F7
C4B1CA
816D87
—
2.5
Fail
2.8
Fail
1.7
Fail
1.4
Fail
2.5
Fail
—
1.1
Fail
1.5
Fail
3.6
AA Large
2.8
Fail
1.1
Fail
—
1.6
Fail
3.9
AA Large
1.7
Fail
1.5
Fail
1.6
Fail
—
2.3
Fail
1.4
Fail
3.6
AA Large
3.9
AA Large
2.3
Fail
—
White BG
3.4AA Large
1.3Fail
1.2Fail
2.0Fail
4.7AA
Black BG
6.3AA
15.9AAA
17.3AAA
10.5AAA
4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

98987E
E8E8D7
EDECF2
BCBCC4
787881

Deuteranopia

9B9D7E
E9EBD8
EDEFF1
BDBEC2
7A7B7F

Tritanopia

A67F80
F1D8D8
F2EFEE
C3BFBE
807C7B

Achromatopsia

8E8E8E
E1E1E1
EBEBEB
BABABA
767676

Shades & Tints Shades & Tints

#A8847C

Dark
Light

#F2DBD6

Dark
Light

#F3E4F7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a8847c;
  --color-2: #f2dbd6;
  --color-3: #f3e4f7;
  --color-4: #c4b1ca;
  --color-5: #816d87;
}

SCSS

$color-1: #a8847c;
$color-2: #f2dbd6;
$color-3: #f3e4f7;
$color-4: #c4b1ca;
$color-5: #816d87;

TAILWIND

colors: {
  'brand-1': '#a8847c',
  'brand-2': '#f2dbd6',
  'brand-3': '#f3e4f7',
  'brand-4': '#c4b1ca',
  'brand-5': '#816d87',
}

RGB Array

[168, 132, 124], [242, 219, 214], [243, 228, 247], [196, 177, 202], [129, 109, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #A8847C, #F2DBD6, #F3E4F7, #C4B1CA, #816D87 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #a8847c; --color-2: #f2dbd6; --color-3: #f3e4f7; --color-4: #c4b1ca; --color-5: #816d87. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 luxury-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