← Back to Editor

#A17C93 · #B29DAD · #BCB5B5 · #D7BBA9 · #EABAAA

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A17C93

Rose Purple · Gray · Rose Pink

HEX
#A17C93
RGB
rgb(161, 124, 147)
HSL
hsl(323, 16%, 56%)
HSB
hsb(323, 23%, 63%)
CMYK
cmyk(0%, 23%, 9%, 37%)
Oklch
oklch(62.9% 0.056 341.1)

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

#B29DAD

Mauve · DarkGray · Lilac Purple

HEX
#B29DAD
RGB
rgb(178, 157, 173)
HSL
hsl(314, 12%, 66%)
HSB
hsb(314, 12%, 70%)
CMYK
cmyk(0%, 12%, 3%, 30%)
Oklch
oklch(71.9% 0.033 334.2)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#BCB5B5

Silver Gray · Silver · Pearl Gray

HEX
#BCB5B5
RGB
rgb(188, 181, 181)
HSL
hsl(0, 5%, 72%)
HSB
hsb(0, 4%, 74%)
CMYK
cmyk(0%, 4%, 4%, 26%)
Oklch
oklch(77.9% 0.008 17.3)

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

#D7BBA9

Apricot · Tan · Warm Sun

HEX
#D7BBA9
RGB
rgb(215, 187, 169)
HSL
hsl(23, 37%, 75%)
HSB
hsb(23, 21%, 84%)
CMYK
cmyk(0%, 13%, 21%, 16%)
Oklch
oklch(81.1% 0.041 54.7)

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

#EABAAA

Apricot · LightPink · Peach Orange

HEX
#EABAAA
RGB
rgb(234, 186, 170)
HSL
hsl(15, 60%, 79%)
HSB
hsb(15, 27%, 92%)
CMYK
cmyk(0%, 21%, 27%, 8%)
Oklch
oklch(82.8% 0.060 39.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A17C93
7DA18B

Analogous

9D7DA1
A17C93
A17D81

Triadic

A17C93
93A17D
7D93A1

Split-Comp.

A17C93
81A17D
7DA19D

Tetradic

A17C93
A19D7D
7DA18B
7D81A1

Contrast Matrix WCAG 2.1 Contrast

A17C93
B29DAD
BCB5B5
D7BBA9
EABAAA
—
1.4
Fail
1.8
Fail
2.0
Fail
2.1
Fail
1.4
Fail
—
1.3
Fail
1.4
Fail
1.5
Fail
1.8
Fail
1.3
Fail
—
1.1
Fail
1.2
Fail
2.0
Fail
1.4
Fail
1.1
Fail
—
1.0
Fail
2.1
Fail
1.5
Fail
1.2
Fail
1.0
Fail
—
White BG
3.6AA Large
2.5Fail
2.0Fail
1.8Fail
1.7Fail
Black BG
5.8AA
8.3AAA
10.4AAA
11.6AAA
12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

91918D
A9A9A9
B9B9B5
CBCBAD
D5D5AE

Deuteranopia

93968C
AAACA8
B9BAB5
CDCFAE
D8DCAF

Tritanopia

9F8988
B1A6A5
BCB5B5
D6B1B2
E8B1B2

Achromatopsia

8A8A8A
A5A5A5
B7B7B7
C1C1C1
C7C7C7

Shades & Tints Shades & Tints

#A17C93

Dark
Light

#B29DAD

Dark
Light

#BCB5B5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a17c93;
  --color-2: #b29dad;
  --color-3: #bcb5b5;
  --color-4: #d7bba9;
  --color-5: #eabaaa;
}

SCSS

$color-1: #a17c93;
$color-2: #b29dad;
$color-3: #bcb5b5;
$color-4: #d7bba9;
$color-5: #eabaaa;

TAILWIND

colors: {
  'brand-1': '#a17c93',
  'brand-2': '#b29dad',
  'brand-3': '#bcb5b5',
  'brand-4': '#d7bba9',
  'brand-5': '#eabaaa',
}

RGB Array

[161, 124, 147], [178, 157, 173], [188, 181, 181], [215, 187, 169], [234, 186, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #A17C93, #B29DAD, #BCB5B5, #D7BBA9, #EABAAA is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a17c93; --color-2: #b29dad; --color-3: #bcb5b5; --color-4: #d7bba9; --color-5: #eabaaa. 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 space-style 5-color scheme is especially suited for beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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