#E87A9D + #B79798 + #FF7A98 + #CEACAA + #DDA9AB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E87A9D

Rouge · LightCoral · Rose Pink

HEX

#E87A9D

RGB

rgb(232, 122, 157)

HSL

hsl(341, 71%, 69%)

HSB

hsb(341, 47%, 91%)

CMYK

cmyk(0%, 47%, 32%, 9%)

Oklch

oklch(71.3% 0.140 1.0)

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

#B79798

Peach Pink · DarkGray · Coral Red

HEX

#B79798

RGB

rgb(183, 151, 152)

HSL

hsl(358, 18%, 65%)

HSB

hsb(358, 17%, 72%)

CMYK

cmyk(0%, 17%, 17%, 28%)

Oklch

oklch(70.6% 0.038 16.0)

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

#FF7A98

Peach Pink · LightCoral · Coral Red

HEX

#FF7A98

RGB

rgb(255, 122, 152)

HSL

hsl(346, 100%, 74%)

HSB

hsb(346, 52%, 100%)

CMYK

cmyk(0%, 52%, 40%, 0%)

Oklch

oklch(74.2% 0.164 7.8)

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

#CEACAA

Peach Pink · Tan · Coral Red

HEX

#CEACAA

RGB

rgb(206, 172, 170)

HSL

hsl(3, 27%, 74%)

HSB

hsb(3, 17%, 81%)

CMYK

cmyk(0%, 17%, 17%, 19%)

Oklch

oklch(77.4% 0.040 22.0)

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

#DDA9AB

Peach Pink · Tan · Coral Red

HEX

#DDA9AB

RGB

rgb(221, 169, 171)

HSL

hsl(358, 43%, 76%)

HSB

hsb(358, 24%, 87%)

CMYK

cmyk(0%, 24%, 23%, 13%)

Oklch

oklch(78.3% 0.061 16.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E87A9D

78E8C5

Analogous

E878D3

E87A9D

E88C78

Triadic

E87A9D

9BE878

789BE8

Split-Comp.

E87A9D

78E88C

78D3E8

Tetradic

E87A9D

D3E878

78E8C5

8C78E8

Contrast Matrix WCAG 2.1 Contrast

E87A9D	B79798	FF7A98	CEACAA	DDA9AB
—	1.0 Fail	1.1 Fail	1.3 Fail	1.3 Fail
1.0 Fail	—	1.1 Fail	1.3 Fail	1.3 Fail
1.1 Fail	1.1 Fail	—	1.2 Fail	1.2 Fail
1.3 Fail	1.3 Fail	1.2 Fail	—	1.0 Fail
1.3 Fail	1.3 Fail	1.2 Fail	1.0 Fail	—

White BG

2.7Fail

2.5Fail

2.1Fail

2.0Fail

Black BG

7.7AAA

7.9AAA

8.5AAA

10.1AAA

10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B795

A9A998

C5C491

BFBFAA

C6C6AB

Deuteranopia

BFC793

ABAD98

CDD78F

C1C4AB

CACDAA

Tritanopia

E28E8C

B59898

F88B8A

CCABAB

DAAAAA

Achromatopsia

9F9F9F

A1A1A1

A5A5A5

B6B6B6

B9B9B9

Shades & Tints Shades & Tints

#E87A9D

Dark

Light

#B79798

Dark

Light

#FF7A98

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e87a9d;
  --color-2: #b79798;
  --color-3: #ff7a98;
  --color-4: #ceacaa;
  --color-5: #dda9ab;
}

SCSS

$color-1: #e87a9d;
$color-2: #b79798;
$color-3: #ff7a98;
$color-4: #ceacaa;
$color-5: #dda9ab;

TAILWIND

colors: {
  'brand-1': '#e87a9d',
  'brand-2': '#b79798',
  'brand-3': '#ff7a98',
  'brand-4': '#ceacaa',
  'brand-5': '#dda9ab',
}

RGB Array

[232, 122, 157], [183, 151, 152], [255, 122, 152], [206, 172, 170], [221, 169, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E87A9D, #B79798, #FF7A98, #CEACAA, #DDA9AB 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: #e87a9d; --color-2: #b79798; --color-3: #ff7a98; --color-4: #ceacaa; --color-5: #dda9ab. 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