#E0797E + #E08E79 + #E0A879 + #E6D2A3 + #849998 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E0797E

Peach Pink · LightCoral · Coral Red

HEX

#E0797E

RGB

rgb(224, 121, 126)

HSL

hsl(357, 62%, 68%)

HSB

hsb(357, 46%, 88%)

CMYK

cmyk(0%, 46%, 44%, 12%)

Oklch

oklch(69.3% 0.128 17.9)

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

#E08E79

Peach Pink · DarkSalmon · Coral Red

HEX

#E08E79

RGB

rgb(224, 142, 121)

HSL

hsl(12, 62%, 68%)

HSB

hsb(12, 46%, 88%)

CMYK

cmyk(0%, 37%, 46%, 12%)

Oklch

oklch(72.6% 0.105 35.1)

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

#E0A879

Apricot · DarkSalmon · Warm Sun

HEX

#E0A879

RGB

rgb(224, 168, 121)

HSL

hsl(27, 62%, 68%)

HSB

hsb(27, 46%, 88%)

CMYK

cmyk(0%, 25%, 46%, 12%)

Oklch

oklch(77.3% 0.091 60.9)

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

#E6D2A3

Goose Yellow · Wheat · Lemon Cream

HEX

#E6D2A3

RGB

rgb(230, 210, 163)

HSL

hsl(42, 57%, 77%)

HSB

hsb(42, 29%, 90%)

CMYK

cmyk(0%, 9%, 29%, 10%)

Oklch

oklch(86.9% 0.065 87.7)

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

#849998

Mineral Blue · LightSlateGray · Silver Sand

HEX

#849998

RGB

rgb(132, 153, 152)

HSL

hsl(177, 9%, 56%)

HSB

hsb(177, 14%, 60%)

CMYK

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

Oklch

oklch(66.6% 0.024 193.1)

Traditional「Mineral Blue」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0797E

7BE0DB

Analogous

E07BB2

E0797E

E0A87B

Triadic

E0797E

80E07B

7B80E0

Split-Comp.

E0797E

7BE0A8

7BB2E0

Tetradic

E0797E

B2E07B

7BE0DB

A87BE0

Contrast Matrix WCAG 2.1 Contrast

E0797E	E08E79	E0A879	E6D2A3	849998
—	1.2 Fail	1.4 Fail	2.0 Fail	1.0 Fail
1.2 Fail	—	1.2 Fail	1.7 Fail	1.2 Fail
1.4 Fail	1.2 Fail	—	1.4 Fail	1.4 Fail
2.0 Fail	1.7 Fail	1.4 Fail	—	2.0 Fail
1.0 Fail	1.2 Fail	1.4 Fail	2.0 Fail	—

White BG

2.9Fail

2.5Fail

2.1Fail

1.5Fail

3.0AA Large

Black BG

7.2AAA

8.3AAA

10.0AAA

14.1AAA

7.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B27D

BCBC7E

C8C784

DDDDAE

8D8D98

Deuteranopia

B9C17C

C1C77F

CBCF87

DFE0B1

8C8A98

Tritanopia

DB7C7C

DC8283

DD8D8F

E5B7B9

859898

Achromatopsia

989898

A4A4A4

B3B3B3

D3D3D3

939393

Shades & Tints Shades & Tints

#E0797E

Dark

Light

#E08E79

Dark

Light

#E0A879

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0797e;
  --color-2: #e08e79;
  --color-3: #e0a879;
  --color-4: #e6d2a3;
  --color-5: #849998;
}

SCSS

$color-1: #e0797e;
$color-2: #e08e79;
$color-3: #e0a879;
$color-4: #e6d2a3;
$color-5: #849998;

TAILWIND

colors: {
  'brand-1': '#e0797e',
  'brand-2': '#e08e79',
  'brand-3': '#e0a879',
  'brand-4': '#e6d2a3',
  'brand-5': '#849998',
}

RGB Array

[224, 121, 126], [224, 142, 121], [224, 168, 121], [230, 210, 163], [132, 153, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0797E, #E08E79, #E0A879, #E6D2A3, #849998 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: #e0797e; --color-2: #e08e79; --color-3: #e0a879; --color-4: #e6d2a3; --color-5: #849998. 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