#E3CF91 + #E0B09D + #C79BC0 + #A686CF + #728FA1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E3CF91

Goose Yellow · BurlyWood · Sunflower

HEX

#E3CF91

RGB

rgb(227, 207, 145)

HSL

hsl(45, 59%, 73%)

HSB

hsb(45, 36%, 89%)

CMYK

cmyk(0%, 9%, 36%, 11%)

Oklch

oklch(85.7% 0.083 92.3)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#E0B09D

Apricot · Tan · Warm Sun

HEX

#E0B09D

RGB

rgb(224, 176, 157)

HSL

hsl(17, 52%, 75%)

HSB

hsb(17, 30%, 88%)

CMYK

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

Oklch

oklch(79.6% 0.062 42.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#C79BC0

Mauve · Silver · Lilac Purple

HEX

#C79BC0

RGB

rgb(199, 155, 192)

HSL

hsl(310, 28%, 69%)

HSB

hsb(310, 22%, 78%)

CMYK

cmyk(0%, 22%, 4%, 22%)

Oklch

oklch(74.2% 0.072 331.8)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#A686CF

Wisteria · DarkGray · Lilac Purple

HEX

#A686CF

RGB

rgb(166, 134, 207)

HSL

hsl(266, 43%, 67%)

HSB

hsb(266, 35%, 81%)

CMYK

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

Oklch

oklch(67.7% 0.110 303.7)

Traditional「Wisteria」· Paint「Lilac Purple」· Creative Lavender Dream

#728FA1

Slate Blue · LightSlateGray · Navy Blue

HEX

#728FA1

RGB

rgb(114, 143, 161)

HSL

hsl(203, 20%, 54%)

HSB

hsb(203, 29%, 63%)

CMYK

cmyk(29%, 11%, 0%, 37%)

Oklch

oklch(63.4% 0.043 235.6)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3CF91

92A6E3

Analogous

E3A692

E3CF91

CEE392

Triadic

E3CF91

92E3CE

CE92E3

Split-Comp.

E3CF91

92CEE3

A692E3

Tetradic

E3CF91

92E3A6

92A6E3

E392CE

Contrast Matrix WCAG 2.1 Contrast

E3CF91	E0B09D	C79BC0	A686CF	728FA1
—	1.3 Fail	1.5 Fail	2.0 Fail	2.2 Fail
1.3 Fail	—	1.2 Fail	1.6 Fail	1.8 Fail
1.5 Fail	1.2 Fail	—	1.3 Fail	1.4 Fail
2.0 Fail	1.6 Fail	1.3 Fail	—	1.1 Fail
2.2 Fail	1.8 Fail	1.4 Fail	1.1 Fail	—

White BG

1.5Fail

1.9Fail

2.4Fail

3.0AA Large

3.4AA Large

Black BG

13.6AAA

10.9AAA

8.9AAA

6.9AA

6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADAA0

CBCBA2

B4B4B7

9898BD

7F7F9D

Deuteranopia

DCDDA4

CED2A3

B7BAB5

9A9CB9

7D7B9C

Tritanopia

E2ACAE

DEA5A6

C5B0AE

A4AFAC

739998

Achromatopsia

CECECE

BCBCBC

ACACAC

989898

888888

Shades & Tints Shades & Tints

#E3CF91

Dark

Light

#E0B09D

Dark

Light

#C79BC0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3cf91;
  --color-2: #e0b09d;
  --color-3: #c79bc0;
  --color-4: #a686cf;
  --color-5: #728fa1;
}

SCSS

$color-1: #e3cf91;
$color-2: #e0b09d;
$color-3: #c79bc0;
$color-4: #a686cf;
$color-5: #728fa1;

TAILWIND

colors: {
  'brand-1': '#e3cf91',
  'brand-2': '#e0b09d',
  'brand-3': '#c79bc0',
  'brand-4': '#a686cf',
  'brand-5': '#728fa1',
}

RGB Array

[227, 207, 145], [224, 176, 157], [199, 155, 192], [166, 134, 207], [114, 143, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E3CF91, #E0B09D, #C79BC0, #A686CF, #728FA1 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: #e3cf91; --color-2: #e0b09d; --color-3: #c79bc0; --color-4: #a686cf; --color-5: #728fa1. 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