← Back to Editor

#B3A2A8 · #D4C1C5 · #F0EBEF · #D6D4D9 · #AEACAF

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B3A2A8

Rouge · DarkGray · Rose Pink

HEX
#B3A2A8
RGB
rgb(179, 162, 168)
HSL
hsl(339, 10%, 67%)
HSB
hsb(339, 9%, 70%)
CMYK
cmyk(0%, 9%, 6%, 30%)
Oklch
oklch(72.9% 0.021 354.2)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#D4C1C5

Peach Pink · Silver · Coral Red

HEX
#D4C1C5
RGB
rgb(212, 193, 197)
HSL
hsl(347, 18%, 79%)
HSB
hsb(347, 9%, 83%)
CMYK
cmyk(0%, 9%, 7%, 17%)
Oklch
oklch(82.8% 0.022 3.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F0EBEF

Mauve · Linen · Lavender

HEX
#F0EBEF
RGB
rgb(240, 235, 239)
HSL
hsl(312, 14%, 93%)
HSB
hsb(312, 2%, 94%)
CMYK
cmyk(0%, 2%, 0%, 6%)
Oklch
oklch(94.5% 0.008 332.1)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#D6D4D9

Silver Gray · LightGray · Pearl Gray

HEX
#D6D4D9
RGB
rgb(214, 212, 217)
HSL
hsl(264, 6%, 84%)
HSB
hsb(264, 2%, 85%)
CMYK
cmyk(1%, 2%, 0%, 15%)
Oklch
oklch(87.3% 0.007 304.2)

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

#AEACAF

Ash · DarkGray · Silver Sand

HEX
#AEACAF
RGB
rgb(174, 172, 175)
HSL
hsl(280, 2%, 68%)
HSB
hsb(280, 2%, 69%)
CMYK
cmyk(1%, 2%, 0%, 31%)
Oklch
oklch(74.7% 0.005 314.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B3A2A8
A2B3AD

Analogous

B3A2B1
B3A2A8
B3A5A2

Triadic

B3A2A8
A8B3A2
A2A8B3

Split-Comp.

B3A2A8
A2B3A5
A2B1B3

Tetradic

B3A2A8
B1B3A2
A2B3AD
A5A2B3

Contrast Matrix WCAG 2.1 Contrast

B3A2A8
D4C1C5
F0EBEF
D6D4D9
AEACAF
—
1.4
Fail
2.1
Fail
1.7
Fail
1.1
Fail
1.4
Fail
—
1.5
Fail
1.2
Fail
1.3
Fail
2.1
Fail
1.5
Fail
—
1.2
Fail
1.9
Fail
1.7
Fail
1.2
Fail
1.2
Fail
—
1.5
Fail
1.1
Fail
1.3
Fail
1.9
Fail
1.5
Fail
—
White BG
2.4Fail
1.7Fail
1.2Fail
1.5Fail
2.3Fail
Black BG
8.7AAA
12.2AAA
17.8AAA
14.3AAA
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACABA7
CCCCC4
EEEEEE
D5D5D8
ADADAE

Deuteranopia

ADAEA6
CDCEC4
EEEFEE
D5D5D7
ADADAE

Tritanopia

B2A5A5
D3C3C3
F0EDED
D6D7D7
AEAEAE

Achromatopsia

A8A8A8
C7C7C7
EDEDED
D5D5D5
ADADAD

Shades & Tints Shades & Tints

#B3A2A8

Dark
Light

#D4C1C5

Dark
Light

#F0EBEF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b3a2a8;
  --color-2: #d4c1c5;
  --color-3: #f0ebef;
  --color-4: #d6d4d9;
  --color-5: #aeacaf;
}

SCSS

$color-1: #b3a2a8;
$color-2: #d4c1c5;
$color-3: #f0ebef;
$color-4: #d6d4d9;
$color-5: #aeacaf;

TAILWIND

colors: {
  'brand-1': '#b3a2a8',
  'brand-2': '#d4c1c5',
  'brand-3': '#f0ebef',
  'brand-4': '#d6d4d9',
  'brand-5': '#aeacaf',
}

RGB Array

[179, 162, 168], [212, 193, 197], [240, 235, 239], [214, 212, 217], [174, 172, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B3A2A8, #D4C1C5, #F0EBEF, #D6D4D9, #AEACAF 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: #b3a2a8; --color-2: #d4c1c5; --color-3: #f0ebef; --color-4: #d6d4d9; --color-5: #aeacaf. 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 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