#BCB6C1 + #CCA095 + #D88491 + #D06CA9 + #B860C8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BCB6C1

Lilac · Silver · Pearl Gray

HEX

#BCB6C1

RGB

rgb(188, 182, 193)

HSL

hsl(273, 8%, 74%)

HSB

hsb(273, 6%, 76%)

CMYK

cmyk(3%, 6%, 0%, 24%)

Oklch

oklch(78.5% 0.017 310.1)

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

#CCA095

Peach Pink · Tan · Coral Red

HEX

#CCA095

RGB

rgb(204, 160, 149)

HSL

hsl(12, 35%, 69%)

HSB

hsb(12, 27%, 80%)

CMYK

cmyk(0%, 22%, 27%, 20%)

Oklch

oklch(74.3% 0.055 34.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#D88491

Peach Pink · LightCoral · Coral Red

HEX

#D88491

RGB

rgb(216, 132, 145)

HSL

hsl(351, 52%, 68%)

HSB

hsb(351, 39%, 85%)

CMYK

cmyk(0%, 39%, 33%, 15%)

Oklch

oklch(70.5% 0.104 10.1)

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

#D06CA9

Mauve · Orchid · Rose Pink

HEX

#D06CA9

RGB

rgb(208, 108, 169)

HSL

hsl(323, 52%, 62%)

HSB

hsb(323, 48%, 82%)

CMYK

cmyk(0%, 48%, 19%, 18%)

Oklch

oklch(66.5% 0.145 344.3)

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

#B860C8

Dark Plum · MediumOrchid · Violet

HEX

#B860C8

RGB

rgb(184, 96, 200)

HSL

hsl(291, 49%, 58%)

HSB

hsb(291, 52%, 78%)

CMYK

cmyk(8%, 52%, 0%, 22%)

Oklch

oklch(63.2% 0.174 321.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BCB6C1

BCC2B7

Analogous

B8B7C2

BCB6C1

C2B7C1

Triadic

BCB6C1

C2BDB7

B7C2BD

Split-Comp.

BCB6C1

C1C2B7

B7C2B8

Tetradic

BCB6C1

C2B8B7

BCC2B7

B7C1C2

Contrast Matrix WCAG 2.1 Contrast

BCB6C1	CCA095	D88491	D06CA9	B860C8
—	1.2 Fail	1.4 Fail	1.7 Fail	1.9 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	1.6 Fail
1.4 Fail	1.2 Fail	—	1.2 Fail	1.4 Fail
1.7 Fail	1.4 Fail	1.2 Fail	—	1.2 Fail
1.9 Fail	1.6 Fail	1.4 Fail	1.2 Fail	—

White BG

2.0Fail

2.3Fail

2.8Fail

3.3AA Large

3.8AA Large

Black BG

10.6AAA

9.0AAA

7.6AAA

6.4AA

5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B9BE

B9B998

B4B38E

A5A49A

9291AF

Deuteranopia

BABABE

BCBF98

B9BF8D

ABB297

979EA9

Tritanopia

BCBCBC

CA9A9A

D48B8B

CB8F8C

B49B97

Achromatopsia

B9B9B9

ACACAC

9F9F9F

919191

868686

Shades & Tints Shades & Tints

#BCB6C1

Dark

Light

#CCA095

Dark

Light

#D88491

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bcb6c1;
  --color-2: #cca095;
  --color-3: #d88491;
  --color-4: #d06ca9;
  --color-5: #b860c8;
}

SCSS

$color-1: #bcb6c1;
$color-2: #cca095;
$color-3: #d88491;
$color-4: #d06ca9;
$color-5: #b860c8;

TAILWIND

colors: {
  'brand-1': '#bcb6c1',
  'brand-2': '#cca095',
  'brand-3': '#d88491',
  'brand-4': '#d06ca9',
  'brand-5': '#b860c8',
}

RGB Array

[188, 182, 193], [204, 160, 149], [216, 132, 145], [208, 108, 169], [184, 96, 200]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BCB6C1, #CCA095, #D88491, #D06CA9, #B860C8 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: #bcb6c1; --color-2: #cca095; --color-3: #d88491; --color-4: #d06ca9; --color-5: #b860c8. 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