#B6B1AE + #FA6EC4 + #FF97B0 + #E9B59F + #DFDFE1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B6B1AE

Ash · DarkGray · Silver Sand

HEX

#B6B1AE

RGB

rgb(182, 177, 174)

HSL

hsl(22, 5%, 70%)

HSB

hsb(22, 4%, 71%)

CMYK

cmyk(0%, 3%, 4%, 29%)

Oklch

oklch(76.4% 0.007 53.4)

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

#FA6EC4

Mauve · Orchid · Rose Pink

HEX

#FA6EC4

RGB

rgb(250, 110, 196)

HSL

hsl(323, 93%, 71%)

HSB

hsb(323, 56%, 98%)

CMYK

cmyk(0%, 56%, 22%, 2%)

Oklch

oklch(73.3% 0.194 345.1)

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

#FF97B0

Peach Pink · LightPink · Coral Red

HEX

#FF97B0

RGB

rgb(255, 151, 176)

HSL

hsl(346, 100%, 80%)

HSB

hsb(346, 41%, 100%)

CMYK

cmyk(0%, 41%, 31%, 0%)

Oklch

oklch(79.1% 0.127 4.9)

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

#E9B59F

Apricot · BurlyWood · Peach Orange

HEX

#E9B59F

RGB

rgb(233, 181, 159)

HSL

hsl(18, 63%, 77%)

HSB

hsb(18, 32%, 91%)

CMYK

cmyk(0%, 22%, 32%, 9%)

Oklch

oklch(81.5% 0.068 44.0)

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

#DFDFE1

Plain White · LightGray · Cloud White

HEX

#DFDFE1

RGB

rgb(223, 223, 225)

HSL

hsl(240, 3%, 88%)

HSB

hsb(240, 1%, 88%)

CMYK

cmyk(1%, 1%, 0%, 12%)

Oklch

oklch(90.4% 0.003 286.3)

Traditional「Plain White」· Paint「Cloud White」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B6B1AE

AFB4B6

Analogous

B6AFB0

B6B1AE

B6B5AF

Triadic

B6B1AE

AFB6B1

B1AFB6

Split-Comp.

B6B1AE

AFB6B5

AFB0B6

Tetradic

B6B1AE

B0B6AF

AFB4B6

B5AFB6

Contrast Matrix WCAG 2.1 Contrast

B6B1AE	FA6EC4	FF97B0	E9B59F	DFDFE1
—	1.2 Fail	1.0 Fail	1.2 Fail	1.6 Fail
1.2 Fail	—	1.3 Fail	1.4 Fail	1.9 Fail
1.0 Fail	1.3 Fail	—	1.1 Fail	1.5 Fail
1.2 Fail	1.4 Fail	1.1 Fail	—	1.4 Fail
1.6 Fail	1.9 Fail	1.5 Fail	1.4 Fail	—

White BG

2.1Fail

2.6Fail

2.0Fail

1.8Fail

1.3Fail

Black BG

9.9AAA

8.1AAA

10.3AAA

11.6AAA

15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B4AF

BDBCAF

D2D1AA

D2D2A4

DFDFE1

Deuteranopia

B4B5AF

C6D0AA

D8E0A9

D6D9A6

DFDFE0

Tritanopia

B6AFAF

F39F9B

FAA5A4

E6A9A9

DFE0E0

Achromatopsia

B2B2B2

A2A2A2

B9B9B9

C2C2C2

DFDFDF

Shades & Tints Shades & Tints

#B6B1AE

Dark

Light

#FA6EC4

Dark

Light

#FF97B0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b6b1ae;
  --color-2: #fa6ec4;
  --color-3: #ff97b0;
  --color-4: #e9b59f;
  --color-5: #dfdfe1;
}

SCSS

$color-1: #b6b1ae;
$color-2: #fa6ec4;
$color-3: #ff97b0;
$color-4: #e9b59f;
$color-5: #dfdfe1;

TAILWIND

colors: {
  'brand-1': '#b6b1ae',
  'brand-2': '#fa6ec4',
  'brand-3': '#ff97b0',
  'brand-4': '#e9b59f',
  'brand-5': '#dfdfe1',
}

RGB Array

[182, 177, 174], [250, 110, 196], [255, 151, 176], [233, 181, 159], [223, 223, 225]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B6B1AE, #FA6EC4, #FF97B0, #E9B59F, #DFDFE1 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: #b6b1ae; --color-2: #fa6ec4; --color-3: #ff97b0; --color-4: #e9b59f; --color-5: #dfdfe1. 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