← Back to Editor

#DECDB9 · #D6ADA7 · #C48799 · #A16E8F · #855386

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#DECDB9

Goose Yellow · LightGray · Peach Orange

HEX
#DECDB9
RGB
rgb(222, 205, 185)
HSL
hsl(32, 36%, 80%)
HSB
hsb(32, 17%, 87%)
CMYK
cmyk(0%, 8%, 17%, 13%)
Oklch
oklch(85.7% 0.033 71.9)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#D6ADA7

Peach Pink · Tan · Coral Red

HEX
#D6ADA7
RGB
rgb(214, 173, 167)
HSL
hsl(8, 36%, 75%)
HSB
hsb(8, 22%, 84%)
CMYK
cmyk(0%, 19%, 22%, 16%)
Oklch
oklch(78.3% 0.049 27.9)

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

#C48799

Rouge · DarkGray · Rose Pink

HEX
#C48799
RGB
rgb(196, 135, 153)
HSL
hsl(342, 34%, 65%)
HSB
hsb(342, 31%, 77%)
CMYK
cmyk(0%, 31%, 22%, 23%)
Oklch
oklch(68.9% 0.078 0.1)

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

#A16E8F

Rose Purple · Gray · Rose Pink

HEX
#A16E8F
RGB
rgb(161, 110, 143)
HSL
hsl(321, 21%, 53%)
HSB
hsb(321, 32%, 63%)
CMYK
cmyk(0%, 32%, 11%, 37%)
Oklch
oklch(60.2% 0.079 340.7)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#855386

Dark Plum · Gray · Violet

HEX
#855386
RGB
rgb(133, 83, 134)
HSL
hsl(299, 24%, 43%)
HSB
hsb(299, 38%, 53%)
CMYK
cmyk(1%, 38%, 0%, 47%)
Oklch
oklch(51.7% 0.098 326.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DECDB9
BACBDE

Analogous

DEBBBA
DECDB9
DDDEBA

Triadic

DECDB9
BADECD
CDBADE

Split-Comp.

DECDB9
BADDDE
BBBADE

Tetradic

DECDB9
BADEBB
BACBDE
DEBADD

Contrast Matrix WCAG 2.1 Contrast

DECDB9
D6ADA7
C48799
A16E8F
855386
—
1.3
Fail
1.9
Fail
2.6
Fail
3.8
AA Large
1.3
Fail
—
1.4
Fail
2.0
Fail
2.9
Fail
1.9
Fail
1.4
Fail
—
1.4
Fail
2.0
Fail
2.6
Fail
2.0
Fail
1.4
Fail
—
1.4
Fail
3.8
AA Large
2.9
Fail
2.0
Fail
1.4
Fail
—
White BG
1.6Fail
2.0Fail
2.9Fail
4.1AA Large
5.9AA
Black BG
13.5AAA
10.4AAA
7.3AAA
5.1AA
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D6BE
C4C4A8
AAA995
8B8A87
6F6F7A

Deuteranopia

D8D9BF
C7CAA9
ADB294
8E9285
727677

Tritanopia

DDC2C3
D4AAAA
C19190
9E817F
83706E

Achromatopsia

D0D0D0
B9B9B9
9B9B9B
818181
686868

Shades & Tints Shades & Tints

#DECDB9

Dark
Light

#D6ADA7

Dark
Light

#C48799

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #decdb9;
  --color-2: #d6ada7;
  --color-3: #c48799;
  --color-4: #a16e8f;
  --color-5: #855386;
}

SCSS

$color-1: #decdb9;
$color-2: #d6ada7;
$color-3: #c48799;
$color-4: #a16e8f;
$color-5: #855386;

TAILWIND

colors: {
  'brand-1': '#decdb9',
  'brand-2': '#d6ada7',
  'brand-3': '#c48799',
  'brand-4': '#a16e8f',
  'brand-5': '#855386',
}

RGB Array

[222, 205, 185], [214, 173, 167], [196, 135, 153], [161, 110, 143], [133, 83, 134]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DECDB9, #D6ADA7, #C48799, #A16E8F, #855386 is ideal for: corporate websites, product showcases, portfolios. 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: #decdb9; --color-2: #d6ada7; --color-3: #c48799; --color-4: #a16e8f; --color-5: #855386. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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