← Back to Editor

#BFACB5 · #807379 · #BFACB6 · #985C7A · #FFE6F2

A 5-color palette 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

#BFACB5

Rouge · Silver · Rose Pink

HEX
#BFACB5
RGB
rgb(191, 172, 181)
HSL
hsl(332, 13%, 71%)
HSB
hsb(332, 10%, 75%)
CMYK
cmyk(0%, 10%, 5%, 25%)
Oklch
oklch(76.3% 0.025 347.4)

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

#807379

Ink Gray · Gray · Warm Gray

HEX
#807379
RGB
rgb(128, 115, 121)
HSL
hsl(332, 5%, 48%)
HSB
hsb(332, 10%, 50%)
CMYK
cmyk(0%, 10%, 5%, 50%)
Oklch
oklch(56.9% 0.018 348.0)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#BFACB6

Mauve · Silver · Rose Pink

HEX
#BFACB6
RGB
rgb(191, 172, 182)
HSL
hsl(328, 13%, 71%)
HSB
hsb(328, 10%, 75%)
CMYK
cmyk(0%, 10%, 5%, 25%)
Oklch
oklch(76.4% 0.026 344.6)

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

#985C7A

Dark Violet · Gray · Camellia

HEX
#985C7A
RGB
rgb(152, 92, 122)
HSL
hsl(330, 25%, 48%)
HSB
hsb(330, 39%, 60%)
CMYK
cmyk(0%, 39%, 20%, 40%)
Oklch
oklch(55.1% 0.088 349.0)

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

#FFE6F2

Rouge · SeaShell · Cherry Blossom

HEX
#FFE6F2
RGB
rgb(255, 230, 242)
HSL
hsl(331, 100%, 95%)
HSB
hsb(331, 10%, 100%)
CMYK
cmyk(0%, 10%, 5%, 0%)
Oklch
oklch(94.9% 0.031 347.1)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFACB5
ABBFB6

Analogous

BFABBE
BFACB5
BFACAB

Triadic

BFACB5
B4BFAB
ABB4BF

Split-Comp.

BFACB5
ABBFAC
ABBEBF

Tetradic

BFACB5
BEBFAB
ABBFB6
ACABBF

Contrast Matrix WCAG 2.1 Contrast

BFACB5
807379
BFACB6
985C7A
FFE6F2
—
2.1
Fail
1.0
Fail
2.4
Fail
1.8
Fail
2.1
Fail
—
2.1
Fail
1.1
Fail
3.8
AA Large
1.0
Fail
2.1
Fail
—
2.4
Fail
1.8
Fail
2.4
Fail
1.1
Fail
2.4
Fail
—
4.3
AA Large
1.8
Fail
3.8
AA Large
1.8
Fail
4.3
AA Large
—
White BG
2.1Fail
4.5AA
2.1Fail
5.1AA
1.2Fail
Black BG
9.8AAA
4.6AA
9.8AAA
4.1AA Large
17.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B7B3
7A7A78
B7B7B4
7E7D73
F4F4EF

Deuteranopia

B8B9B2
7B7C77
B8B9B3
828671
F6F8EE

Tritanopia

BEB1B1
7F7676
BEB2B1
956D6C
FEEDEC

Achromatopsia

B3B3B3
787878
B3B3B3
717171
EFEFEF

Shades & Tints Shades & Tints

#BFACB5

Dark
Light

#807379

Dark
Light

#BFACB6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfacb5;
  --color-2: #807379;
  --color-3: #bfacb6;
  --color-4: #985c7a;
  --color-5: #ffe6f2;
}

SCSS

$color-1: #bfacb5;
$color-2: #807379;
$color-3: #bfacb6;
$color-4: #985c7a;
$color-5: #ffe6f2;

TAILWIND

colors: {
  'brand-1': '#bfacb5',
  'brand-2': '#807379',
  'brand-3': '#bfacb6',
  'brand-4': '#985c7a',
  'brand-5': '#ffe6f2',
}

RGB Array

[191, 172, 181], [128, 115, 121], [191, 172, 182], [152, 92, 122], [255, 230, 242]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BFACB5, #807379, #BFACB6, #985C7A, #FFE6F2 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: #bfacb5; --color-2: #807379; --color-3: #bfacb6; --color-4: #985c7a; --color-5: #ffe6f2. 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 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