#EACEC8 + #DDB9DE + #FC8A92 + #EC7B35 + #C16CAF - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EACEC8

Peach Pink · Pink · Cherry Blossom

HEX

#EACEC8

RGB

rgb(234, 206, 200)

HSL

hsl(11, 45%, 85%)

HSB

hsb(11, 15%, 92%)

CMYK

cmyk(0%, 12%, 15%, 8%)

Oklch

oklch(87.3% 0.033 32.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#DDB9DE

Lilac · LightGray · Lilac Purple

HEX

#DDB9DE

RGB

rgb(221, 185, 222)

HSL

hsl(298, 36%, 80%)

HSB

hsb(298, 17%, 87%)

CMYK

cmyk(0%, 17%, 0%, 13%)

Oklch

oklch(82.8% 0.064 325.3)

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

#FC8A92

Peach Pink · LightCoral · Coral Red

HEX

#FC8A92

RGB

rgb(252, 138, 146)

HSL

hsl(356, 95%, 76%)

HSB

hsb(356, 45%, 99%)

CMYK

cmyk(0%, 45%, 42%, 1%)

Oklch

oklch(75.9% 0.138 16.5)

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

#EC7B35

Tangerine · Coral · Warm Sun

HEX

#EC7B35

RGB

rgb(236, 123, 53)

HSL

hsl(23, 83%, 57%)

HSB

hsb(23, 78%, 93%)

CMYK

cmyk(0%, 48%, 78%, 7%)

Oklch

oklch(70.0% 0.161 48.9)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#C16CAF

Rose Purple · MediumOrchid · Violet

HEX

#C16CAF

RGB

rgb(193, 108, 175)

HSL

hsl(313, 41%, 59%)

HSB

hsb(313, 44%, 76%)

CMYK

cmyk(0%, 44%, 9%, 24%)

Oklch

oklch(64.9% 0.137 335.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EACEC8

C8E4EA

Analogous

EAC8D2

EACEC8

EADFC8

Triadic

EACEC8

C8EACE

CEC8EA

Split-Comp.

EACEC8

C8EADF

C8D2EA

Tetradic

EACEC8

D2EAC8

C8E4EA

DFC8EA

Contrast Matrix WCAG 2.1 Contrast

EACEC8	DDB9DE	FC8A92	EC7B35	C16CAF
—	1.2 Fail	1.5 Fail	1.9 Fail	2.3 Fail
1.2 Fail	—	1.3 Fail	1.6 Fail	2.0 Fail
1.5 Fail	1.3 Fail	—	1.2 Fail	1.5 Fail
1.9 Fail	1.6 Fail	1.2 Fail	—	1.2 Fail
2.3 Fail	2.0 Fail	1.5 Fail	1.2 Fail	—

White BG

1.5Fail

1.7Fail

2.3Fail

2.8Fail

3.5AA Large

Black BG

14.2AAA

12.1AAA

9.2AAA

7.5AAA

6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDEC9

CDCDD5

CBCA90

BBBA46

9C9B9F

Deuteranopia

E0E2CA

D0D2D3

D1DA90

C2CA4A

A1A89B

Tritanopia

E9CBCB

DBCECC

F68F8E

E65356

BD928F

Achromatopsia

D6D6D6

C8C8C8

ADADAD

959595

8D8D8D

Shades & Tints Shades & Tints

#EACEC8

Dark

Light

#DDB9DE

Dark

Light

#FC8A92

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eacec8;
  --color-2: #ddb9de;
  --color-3: #fc8a92;
  --color-4: #ec7b35;
  --color-5: #c16caf;
}

SCSS

$color-1: #eacec8;
$color-2: #ddb9de;
$color-3: #fc8a92;
$color-4: #ec7b35;
$color-5: #c16caf;

TAILWIND

colors: {
  'brand-1': '#eacec8',
  'brand-2': '#ddb9de',
  'brand-3': '#fc8a92',
  'brand-4': '#ec7b35',
  'brand-5': '#c16caf',
}

RGB Array

[234, 206, 200], [221, 185, 222], [252, 138, 146], [236, 123, 53], [193, 108, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EACEC8, #DDB9DE, #FC8A92, #EC7B35, #C16CAF 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: #eacec8; --color-2: #ddb9de; --color-3: #fc8a92; --color-4: #ec7b35; --color-5: #c16caf. 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