#E982A6 + #AA6F86 + #F0D7E2 + #CE88A4 + #BA8497 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E982A6

Rouge · LightCoral · Rose Pink

HEX

#E982A6

RGB

rgb(233, 130, 166)

HSL

hsl(339, 70%, 71%)

HSB

hsb(339, 44%, 91%)

CMYK

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

Oklch

oklch(72.9% 0.132 358.6)

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

#AA6F86

Dark Violet · Gray · Rose Pink

HEX

#AA6F86

RGB

rgb(170, 111, 134)

HSL

hsl(337, 26%, 55%)

HSB

hsb(337, 35%, 67%)

CMYK

cmyk(0%, 35%, 21%, 33%)

Oklch

oklch(61.1% 0.080 354.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#F0D7E2

Rouge · Linen · Cherry Blossom

HEX

#F0D7E2

RGB

rgb(240, 215, 226)

HSL

hsl(334, 45%, 89%)

HSB

hsb(334, 10%, 94%)

CMYK

cmyk(0%, 10%, 6%, 6%)

Oklch

oklch(90.3% 0.031 349.3)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#CE88A4

Rouge · DarkGray · Rose Pink

HEX

#CE88A4

RGB

rgb(206, 136, 164)

HSL

hsl(336, 42%, 67%)

HSB

hsb(336, 34%, 81%)

CMYK

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

Oklch

oklch(70.6% 0.092 354.1)

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

#BA8497

Rouge · DarkGray · Rose Pink

HEX

#BA8497

RGB

rgb(186, 132, 151)

HSL

hsl(339, 28%, 62%)

HSB

hsb(339, 29%, 73%)

CMYK

cmyk(0%, 29%, 19%, 27%)

Oklch

oklch(67.2% 0.071 356.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E982A6

81E9C5

Analogous

E981D9

E982A6

E99181

Triadic

E982A6

A6E981

81A6E9

Split-Comp.

E982A6

81E991

81D9E9

Tetradic

E982A6

D9E981

81E9C5

9181E9

Contrast Matrix WCAG 2.1 Contrast

E982A6	AA6F86	F0D7E2	CE88A4	BA8497
—	1.5 Fail	1.9 Fail	1.1 Fail	1.2 Fail
1.5 Fail	—	2.9 Fail	1.4 Fail	1.3 Fail
1.9 Fail	2.9 Fail	—	2.0 Fail	2.3 Fail
1.1 Fail	1.4 Fail	2.0 Fail	—	1.1 Fail
1.2 Fail	1.3 Fail	2.3 Fail	1.1 Fail	—

White BG

2.6Fail

3.9AA Large

1.4Fail

2.7Fail

3.1AA Large

Black BG

8.2AAA

5.3AA

15.5AAA

7.7AAA

6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBB9D

909080

E5E5DF

B0AF9D

A3A292

Deuteranopia

C2CA9B

94987F

E7E9DF

B4B99C

A6AA91

Tritanopia

E49695

A77C7B

EFDDDD

CB9897

B78F8E

Achromatopsia

A5A5A5

838383

E0E0E0

A0A0A0

969696

Shades & Tints Shades & Tints

#E982A6

Dark

Light

#AA6F86

Dark

Light

#F0D7E2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e982a6;
  --color-2: #aa6f86;
  --color-3: #f0d7e2;
  --color-4: #ce88a4;
  --color-5: #ba8497;
}

SCSS

$color-1: #e982a6;
$color-2: #aa6f86;
$color-3: #f0d7e2;
$color-4: #ce88a4;
$color-5: #ba8497;

TAILWIND

colors: {
  'brand-1': '#e982a6',
  'brand-2': '#aa6f86',
  'brand-3': '#f0d7e2',
  'brand-4': '#ce88a4',
  'brand-5': '#ba8497',
}

RGB Array

[233, 130, 166], [170, 111, 134], [240, 215, 226], [206, 136, 164], [186, 132, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E982A6, #AA6F86, #F0D7E2, #CE88A4, #BA8497 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: #e982a6; --color-2: #aa6f86; --color-3: #f0d7e2; --color-4: #ce88a4; --color-5: #ba8497. 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