← Back to Editor

#C79D9F · #DAB6A8 · #DDC9BE · #CBC7C8 · #B8C6D1

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C79D9F

Peach Pink · Tan · Coral Red

HEX
#C79D9F
RGB
rgb(199, 157, 159)
HSL
hsl(357, 27%, 70%)
HSB
hsb(357, 21%, 78%)
CMYK
cmyk(0%, 21%, 20%, 22%)
Oklch
oklch(73.5% 0.050 15.2)

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

#DAB6A8

Apricot · Tan · Peach Orange

HEX
#DAB6A8
RGB
rgb(218, 182, 168)
HSL
hsl(17, 40%, 76%)
HSB
hsb(17, 23%, 85%)
CMYK
cmyk(0%, 17%, 23%, 15%)
Oklch
oklch(80.4% 0.046 42.4)

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

#DDC9BE

Apricot · LightGray · Peach Orange

HEX
#DDC9BE
RGB
rgb(221, 201, 190)
HSL
hsl(21, 31%, 81%)
HSB
hsb(21, 14%, 87%)
CMYK
cmyk(0%, 9%, 14%, 13%)
Oklch
oklch(84.9% 0.027 50.8)

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

#CBC7C8

Silver Gray · Silver · Pearl Gray

HEX
#CBC7C8
RGB
rgb(203, 199, 200)
HSL
hsl(345, 4%, 79%)
HSB
hsb(345, 2%, 80%)
CMYK
cmyk(0%, 2%, 1%, 20%)
Oklch
oklch(83.3% 0.005 0.0)

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

#B8C6D1

Sky Blue · LightSteelBlue · Cobalt Blue

HEX
#B8C6D1
RGB
rgb(184, 198, 209)
HSL
hsl(206, 21%, 77%)
HSB
hsb(206, 12%, 82%)
CMYK
cmyk(12%, 5%, 0%, 18%)
Oklch
oklch(81.9% 0.022 241.4)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C79D9F
9EC7C5

Analogous

C79EB5
C79D9F
C7B09E

Triadic

C79D9F
A0C79E
9EA0C7

Split-Comp.

C79D9F
9EC7B0
9EB5C7

Tetradic

C79D9F
B5C79E
9EC7C5
B09EC7

Contrast Matrix WCAG 2.1 Contrast

C79D9F
DAB6A8
DDC9BE
CBC7C8
B8C6D1
—
1.3
Fail
1.5
Fail
1.4
Fail
1.4
Fail
1.3
Fail
—
1.2
Fail
1.1
Fail
1.1
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
1.1
Fail
1.4
Fail
1.1
Fail
1.1
Fail
—
1.0
Fail
1.4
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
White BG
2.4Fail
1.9Fail
1.6Fail
1.7Fail
1.7Fail
Black BG
8.8AAA
11.2AAA
13.2AAA
12.5AAA
12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B49F
CACAAB
D4D4C1
C9C9C8
BEBECE

Deuteranopia

B7BA9E
CDCFAC
D6D7C1
CACAC8
BDBCCE

Tritanopia

C59E9E
D8AEAF
DCC3C3
CBC8C8
B9CCCC

Achromatopsia

AAAAAA
BFBFBF
CECECE
C8C8C8
C3C3C3

Shades & Tints Shades & Tints

#C79D9F

Dark
Light

#DAB6A8

Dark
Light

#DDC9BE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c79d9f;
  --color-2: #dab6a8;
  --color-3: #ddc9be;
  --color-4: #cbc7c8;
  --color-5: #b8c6d1;
}

SCSS

$color-1: #c79d9f;
$color-2: #dab6a8;
$color-3: #ddc9be;
$color-4: #cbc7c8;
$color-5: #b8c6d1;

TAILWIND

colors: {
  'brand-1': '#c79d9f',
  'brand-2': '#dab6a8',
  'brand-3': '#ddc9be',
  'brand-4': '#cbc7c8',
  'brand-5': '#b8c6d1',
}

RGB Array

[199, 157, 159], [218, 182, 168], [221, 201, 190], [203, 199, 200], [184, 198, 209]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C79D9F, #DAB6A8, #DDC9BE, #CBC7C8, #B8C6D1 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c79d9f; --color-2: #dab6a8; --color-3: #ddc9be; --color-4: #cbc7c8; --color-5: #b8c6d1. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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