#B3A8BA + #DBA4C8 + #FFABBC + #E8D0BA + #DCE9C5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B3A8BA

Lilac · DarkGray · Lilac Purple

HEX

#B3A8BA

RGB

rgb(179, 168, 186)

HSL

hsl(277, 12%, 69%)

HSB

hsb(277, 10%, 73%)

CMYK

cmyk(4%, 10%, 0%, 27%)

Oklch

oklch(74.6% 0.028 312.5)

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

#DBA4C8

Mauve · Silver · Rose Pink

HEX

#DBA4C8

RGB

rgb(219, 164, 200)

HSL

hsl(321, 43%, 75%)

HSB

hsb(321, 25%, 86%)

CMYK

cmyk(0%, 25%, 9%, 14%)

Oklch

oklch(78.1% 0.080 339.8)

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

#FFABBC

Peach Pink · LightPink · Cherry Blossom

HEX

#FFABBC

RGB

rgb(255, 171, 188)

HSL

hsl(348, 100%, 84%)

HSB

hsb(348, 33%, 100%)

CMYK

cmyk(0%, 33%, 26%, 0%)

Oklch

oklch(82.7% 0.101 6.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#E8D0BA

Apricot · Wheat · Peach Orange

HEX

#E8D0BA

RGB

rgb(232, 208, 186)

HSL

hsl(29, 50%, 82%)

HSB

hsb(29, 20%, 91%)

CMYK

cmyk(0%, 10%, 20%, 9%)

Oklch

oklch(87.2% 0.040 64.8)

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

#DCE9C5

Willow Green · LightGray · Mint Green

HEX

#DCE9C5

RGB

rgb(220, 233, 197)

HSL

hsl(82, 45%, 84%)

HSB

hsb(82, 15%, 91%)

CMYK

cmyk(6%, 0%, 15%, 9%)

Oklch

oklch(91.5% 0.050 123.5)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B3A8BA

AEB9A6

Analogous

A9A6B9

B3A8BA

B9A6B7

Triadic

B3A8BA

B9B2A6

A6B9B2

Split-Comp.

B3A8BA

B7B9A6

A6B9A9

Tetradic

B3A8BA

B9A9A6

AEB9A6

A6B7B9

Contrast Matrix WCAG 2.1 Contrast

B3A8BA	DBA4C8	FFABBC	E8D0BA	DCE9C5
—	1.1 Fail	1.3 Fail	1.5 Fail	1.8 Fail
1.1 Fail	—	1.2 Fail	1.4 Fail	1.6 Fail
1.3 Fail	1.2 Fail	—	1.2 Fail	1.4 Fail
1.5 Fail	1.4 Fail	1.2 Fail	—	1.2 Fail
1.8 Fail	1.6 Fail	1.4 Fail	1.2 Fail	—

White BG

2.3Fail

2.1Fail

1.8Fail

1.5Fail

1.3Fail

Black BG

9.2AAA

10.2AAA

11.8AAA

14.2AAA

16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAEB6

C3C3BF

DBDAB8

DEDDBF

E2E2CE

Deuteranopia

AFB0B5

C6CABD

E0E6B7

DFE1C1

E1E0D0

Tritanopia

B2B2B1

D8B8B7

FBB5B4

E7C4C4

DDD5D6

Achromatopsia

ADADAD

B9B9B9

C6C6C6

D5D5D5

E1E1E1

Shades & Tints Shades & Tints

#B3A8BA

Dark

Light

#DBA4C8

Dark

Light

#FFABBC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b3a8ba;
  --color-2: #dba4c8;
  --color-3: #ffabbc;
  --color-4: #e8d0ba;
  --color-5: #dce9c5;
}

SCSS

$color-1: #b3a8ba;
$color-2: #dba4c8;
$color-3: #ffabbc;
$color-4: #e8d0ba;
$color-5: #dce9c5;

TAILWIND

colors: {
  'brand-1': '#b3a8ba',
  'brand-2': '#dba4c8',
  'brand-3': '#ffabbc',
  'brand-4': '#e8d0ba',
  'brand-5': '#dce9c5',
}

RGB Array

[179, 168, 186], [219, 164, 200], [255, 171, 188], [232, 208, 186], [220, 233, 197]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B3A8BA, #DBA4C8, #FFABBC, #E8D0BA, #DCE9C5 is ideal for: health products, baby brands, fresh-style blogs. 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: #b3a8ba; --color-2: #dba4c8; --color-3: #ffabbc; --color-4: #e8d0ba; --color-5: #dce9c5. 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 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