#EDCCA9 + #E1B9B1 + #DAA9AD + #B8849B + #977198 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EDCCA9

Goose Yellow · Wheat · Peach Orange

HEX

#EDCCA9

RGB

rgb(237, 204, 169)

HSL

hsl(31, 65%, 80%)

HSB

hsb(31, 29%, 93%)

CMYK

cmyk(0%, 14%, 29%, 7%)

Oklch

oklch(86.4% 0.060 68.6)

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

#E1B9B1

Peach Pink · LightPink · Coral Red

HEX

#E1B9B1

RGB

rgb(225, 185, 177)

HSL

hsl(10, 44%, 79%)

HSB

hsb(10, 21%, 88%)

CMYK

cmyk(0%, 18%, 21%, 12%)

Oklch

oklch(81.9% 0.048 31.3)

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

#DAA9AD

Peach Pink · Tan · Coral Red

HEX

#DAA9AD

RGB

rgb(218, 169, 173)

HSL

hsl(355, 40%, 76%)

HSB

hsb(355, 22%, 85%)

CMYK

cmyk(0%, 22%, 21%, 15%)

Oklch

oklch(78.1% 0.058 13.0)

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

#B8849B

Rouge · DarkGray · Rose Pink

HEX

#B8849B

RGB

rgb(184, 132, 155)

HSL

hsl(333, 27%, 62%)

HSB

hsb(333, 28%, 72%)

CMYK

cmyk(0%, 28%, 16%, 28%)

Oklch

oklch(67.1% 0.071 351.0)

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

#977198

Dark Plum · Gray · Violet

HEX

#977198

RGB

rgb(151, 113, 152)

HSL

hsl(298, 16%, 52%)

HSB

hsb(298, 26%, 60%)

CMYK

cmyk(1%, 26%, 0%, 40%)

Oklch

oklch(60.0% 0.073 325.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDCCA9

ABCBED

Analogous

EDACAB

EDCCA9

ECEDAB

Triadic

EDCCA9

ABEDCD

CDABED

Split-Comp.

EDCCA9

ABECED

ACABED

Tetradic

EDCCA9

ABEDAC

ABCBED

EDABEC

Contrast Matrix WCAG 2.1 Contrast

EDCCA9	E1B9B1	DAA9AD	B8849B	977198
—	1.2 Fail	1.3 Fail	2.0 Fail	2.7 Fail
1.2 Fail	—	1.1 Fail	1.7 Fail	2.3 Fail
1.3 Fail	1.1 Fail	—	1.5 Fail	2.0 Fail
2.0 Fail	1.7 Fail	1.5 Fail	—	1.3 Fail
2.7 Fail	2.3 Fail	2.0 Fail	1.3 Fail	—

White BG

1.5Fail

1.8Fail

2.0Fail

3.1AA Large

4.1AA Large

Black BG

13.8AAA

11.8AAA

10.3AAA

6.8AA

5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDEB1

D0CFB3

C5C4AC

A1A195

87868F

Deuteranopia

E1E3B4

D2D5B3

C8CBAC

A5A894

898C8C

Tritanopia

EBB8BA

DFB4B5

D8ABAB

B59190

958785

Achromatopsia

D2D2D2

C4C4C4

B8B8B8

969696

818181

Shades & Tints Shades & Tints

#EDCCA9

Dark

Light

#E1B9B1

Dark

Light

#DAA9AD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edcca9;
  --color-2: #e1b9b1;
  --color-3: #daa9ad;
  --color-4: #b8849b;
  --color-5: #977198;
}

SCSS

$color-1: #edcca9;
$color-2: #e1b9b1;
$color-3: #daa9ad;
$color-4: #b8849b;
$color-5: #977198;

TAILWIND

colors: {
  'brand-1': '#edcca9',
  'brand-2': '#e1b9b1',
  'brand-3': '#daa9ad',
  'brand-4': '#b8849b',
  'brand-5': '#977198',
}

RGB Array

[237, 204, 169], [225, 185, 177], [218, 169, 173], [184, 132, 155], [151, 113, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDCCA9, #E1B9B1, #DAA9AD, #B8849B, #977198 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: #edcca9; --color-2: #e1b9b1; --color-3: #daa9ad; --color-4: #b8849b; --color-5: #977198. 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