#B5BAB7 + #CFACA5 + #E69A93 + #FF7888 + #FF174D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B5BAB7

Silver Gray · Silver · Pearl Gray

HEX

#B5BAB7

RGB

rgb(181, 186, 183)

HSL

hsl(144, 3%, 72%)

HSB

hsb(144, 3%, 73%)

CMYK

cmyk(3%, 0%, 2%, 27%)

Oklch

oklch(78.4% 0.007 160.0)

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

#CFACA5

Peach Pink · Tan · Coral Red

HEX

#CFACA5

RGB

rgb(207, 172, 165)

HSL

hsl(10, 30%, 73%)

HSB

hsb(10, 20%, 81%)

CMYK

cmyk(0%, 17%, 20%, 19%)

Oklch

oklch(77.3% 0.042 31.3)

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

#E69A93

Peach Pink · DarkSalmon · Coral Red

HEX

#E69A93

RGB

rgb(230, 154, 147)

HSL

hsl(5, 62%, 74%)

HSB

hsb(5, 36%, 90%)

CMYK

cmyk(0%, 33%, 36%, 10%)

Oklch

oklch(76.0% 0.093 25.3)

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

#FF7888

Peach Pink · LightCoral · Coral Red

HEX

#FF7888

RGB

rgb(255, 120, 136)

HSL

hsl(353, 100%, 74%)

HSB

hsb(353, 53%, 100%)

CMYK

cmyk(0%, 53%, 47%, 0%)

Oklch

oklch(73.5% 0.165 14.7)

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

#FF174D

Vermilion · Crimson · Passion Red

HEX

#FF174D

RGB

rgb(255, 23, 77)

HSL

hsl(346, 100%, 55%)

HSB

hsb(346, 91%, 100%)

CMYK

cmyk(0%, 91%, 70%, 0%)

Oklch

oklch(63.9% 0.249 18.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B5BAB7

BAB5B8

Analogous

B6BAB5

B5BAB7

B5BAB9

Triadic

B5BAB7

B7B5BA

BAB7B5

Split-Comp.

B5BAB7

B9B5BA

BAB5B6

Tetradic

B5BAB7

B5B6BA

BAB5B8

BAB9B5

Contrast Matrix WCAG 2.1 Contrast

B5BAB7	CFACA5	E69A93	FF7888	FF174D
—	1.1 Fail	1.1 Fail	1.3 Fail	1.9 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.8 Fail
1.1 Fail	1.1 Fail	—	1.1 Fail	1.7 Fail
1.3 Fail	1.2 Fail	1.1 Fail	—	1.5 Fail
1.9 Fail	1.8 Fail	1.7 Fail	1.5 Fail	—

White BG

2.0Fail

2.1Fail

2.2Fail

2.5Fail

3.8AA Large

Black BG

10.7AAA

10.1AAA

9.4AAA

8.3AAA

5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B7B8

C0C0A7

C5C495

C5C384

9B9840

Deuteranopia

B7B7B8

C2C4A7

CACF95

CCD783

A8B93D

Tritanopia

B5B8B8

CDA8A8

E29696

F88180

F33633

Achromatopsia

B8B8B8

B6B6B6

B0B0B0

A2A2A2

636363

Shades & Tints Shades & Tints

#B5BAB7

Dark

Light

#CFACA5

Dark

Light

#E69A93

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b5bab7;
  --color-2: #cfaca5;
  --color-3: #e69a93;
  --color-4: #ff7888;
  --color-5: #ff174d;
}

SCSS

$color-1: #b5bab7;
$color-2: #cfaca5;
$color-3: #e69a93;
$color-4: #ff7888;
$color-5: #ff174d;

TAILWIND

colors: {
  'brand-1': '#b5bab7',
  'brand-2': '#cfaca5',
  'brand-3': '#e69a93',
  'brand-4': '#ff7888',
  'brand-5': '#ff174d',
}

RGB Array

[181, 186, 183], [207, 172, 165], [230, 154, 147], [255, 120, 136], [255, 23, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B5BAB7, #CFACA5, #E69A93, #FF7888, #FF174D 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: #b5bab7; --color-2: #cfaca5; --color-3: #e69a93; --color-4: #ff7888; --color-5: #ff174d. 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