#C6C4BD + #D2AEB2 + #E789A0 + #F27395 + #A25779 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C6C4BD

Silver Gray · Silver · Pearl Gray

HEX

#C6C4BD

RGB

rgb(198, 196, 189)

HSL

hsl(47, 7%, 76%)

HSB

hsb(47, 5%, 78%)

CMYK

cmyk(0%, 1%, 5%, 22%)

Oklch

oklch(82.0% 0.010 93.6)

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

#D2AEB2

Peach Pink · Silver · Coral Red

HEX

#D2AEB2

RGB

rgb(210, 174, 178)

HSL

hsl(353, 29%, 75%)

HSB

hsb(353, 17%, 82%)

CMYK

cmyk(0%, 17%, 15%, 18%)

Oklch

oklch(78.4% 0.042 10.6)

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

#E789A0

Peach Pink · LightCoral · Coral Red

HEX

#E789A0

RGB

rgb(231, 137, 160)

HSL

hsl(345, 66%, 72%)

HSB

hsb(345, 41%, 91%)

CMYK

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

Oklch

oklch(73.6% 0.117 4.6)

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

#F27395

Rouge · LightCoral · Rose Pink

HEX

#F27395

RGB

rgb(242, 115, 149)

HSL

hsl(344, 83%, 70%)

HSB

hsb(344, 52%, 95%)

CMYK

cmyk(0%, 52%, 38%, 5%)

Oklch

oklch(71.4% 0.159 5.1)

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

#A25779

Dark Violet · Gray · Camellia

HEX

#A25779

RGB

rgb(162, 87, 121)

HSL

hsl(333, 30%, 49%)

HSB

hsb(333, 46%, 64%)

CMYK

cmyk(0%, 46%, 25%, 36%)

Oklch

oklch(55.5% 0.107 352.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6C4BD

BEBFC6

Analogous

C6C0BE

C6C4BD

C4C6BE

Triadic

C6C4BD

BEC6C4

C4BEC6

Split-Comp.

C6C4BD

BEC4C6

C0BEC6

Tetradic

C6C4BD

BEC6C0

BEBFC6

C6BEC4

Contrast Matrix WCAG 2.1 Contrast

C6C4BD	D2AEB2	E789A0	F27395	A25779
—	1.2 Fail	1.4 Fail	1.6 Fail	2.9 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	2.5 Fail
1.4 Fail	1.2 Fail	—	1.1 Fail	2.0 Fail
1.6 Fail	1.4 Fail	1.1 Fail	—	1.8 Fail
2.9 Fail	2.5 Fail	2.0 Fail	1.8 Fail	—

White BG

1.7Fail

2.0Fail

2.5Fail

2.7Fail

5.0AA

Black BG

12.0AAA

10.4AAA

8.5AAA

7.7AAA

4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C5BF

C2C2B1

BEBD9A

BBBA8D

828171

Deuteranopia

C5C5BF

C5C7B1

C4CB99

C2CC8B

868C6F

Tritanopia

C6C0C0

D0B0B0

E29695

EC8685

9E6A69

Achromatopsia

C4C4C4

B9B9B9

A8A8A8

9D9D9D

717171

Shades & Tints Shades & Tints

#C6C4BD

Dark

Light

#D2AEB2

Dark

Light

#E789A0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6c4bd;
  --color-2: #d2aeb2;
  --color-3: #e789a0;
  --color-4: #f27395;
  --color-5: #a25779;
}

SCSS

$color-1: #c6c4bd;
$color-2: #d2aeb2;
$color-3: #e789a0;
$color-4: #f27395;
$color-5: #a25779;

TAILWIND

colors: {
  'brand-1': '#c6c4bd',
  'brand-2': '#d2aeb2',
  'brand-3': '#e789a0',
  'brand-4': '#f27395',
  'brand-5': '#a25779',
}

RGB Array

[198, 196, 189], [210, 174, 178], [231, 137, 160], [242, 115, 149], [162, 87, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C6C4BD, #D2AEB2, #E789A0, #F27395, #A25779 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: #c6c4bd; --color-2: #d2aeb2; --color-3: #e789a0; --color-4: #f27395; --color-5: #a25779. 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