#E72087 + #BA7397 + #A1B5B5 + #A8D6BF + #CFDCB2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E72087

Rose Purple · DeepPink · Rose Pink

HEX

#E72087

RGB

rgb(231, 32, 135)

HSL

hsl(329, 81%, 52%)

HSB

hsb(329, 86%, 91%)

CMYK

cmyk(0%, 86%, 42%, 9%)

Oklch

oklch(61.4% 0.236 356.7)

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

#BA7397

Dark Violet · DarkGray · Rose Pink

HEX

#BA7397

RGB

rgb(186, 115, 151)

HSL

hsl(330, 34%, 59%)

HSB

hsb(330, 38%, 73%)

CMYK

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

Oklch

oklch(64.2% 0.100 348.5)

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

#A1B5B5

Sky Blue · DarkGray · Lake Green

HEX

#A1B5B5

RGB

rgb(161, 181, 181)

HSL

hsl(180, 12%, 67%)

HSB

hsb(180, 11%, 71%)

CMYK

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

Oklch

oklch(75.8% 0.022 196.7)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#A8D6BF

Jade · Silver · Apple Green

HEX

#A8D6BF

RGB

rgb(168, 214, 191)

HSL

hsl(150, 36%, 75%)

HSB

hsb(150, 21%, 84%)

CMYK

cmyk(21%, 0%, 11%, 16%)

Oklch

oklch(83.7% 0.058 163.2)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#CFDCB2

Willow Green · LightGray · Apple Green

HEX

#CFDCB2

RGB

rgb(207, 220, 178)

HSL

hsl(79, 38%, 78%)

HSB

hsb(79, 19%, 86%)

CMYK

cmyk(6%, 0%, 19%, 14%)

Oklch

oklch(87.4% 0.058 121.6)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E72087

21E881

Analogous

E421E8

E72087

E82125

Triadic

E72087

88E821

2188E8

Split-Comp.

E72087

25E821

21E8E4

Tetradic

E72087

E8E421

21E881

2125E8

Contrast Matrix WCAG 2.1 Contrast

E72087	BA7397	A1B5B5	A8D6BF	CFDCB2
—	1.2 Fail	2.0 Fail	2.6 Fail	2.9 Fail
1.2 Fail	—	1.6 Fail	2.2 Fail	2.4 Fail
2.0 Fail	1.6 Fail	—	1.3 Fail	1.5 Fail
2.6 Fail	2.2 Fail	1.3 Fail	—	1.1 Fail
2.9 Fail	2.4 Fail	1.5 Fail	1.1 Fail	—

White BG

4.2AA Large

3.5AA Large

2.1Fail

1.6Fail

1.4Fail

Black BG

5.0AA

6.0AA

9.8AAA

13.0AAA

14.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

918F6E

9B9B8E

AAAAB5

BCBCC5

D5D5BC

Deuteranopia

9CAB68

9FA58C

A9A7B5

B9B6C6

D4D3BF

Tritanopia

DD5A56

B68786

A2B5B5

AAC9CA

D0C4C6

Achromatopsia

676767

8C8C8C

AFAFAF

C6C6C6

D3D3D3

Shades & Tints Shades & Tints

#E72087

Dark

Light

#BA7397

Dark

Light

#A1B5B5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e72087;
  --color-2: #ba7397;
  --color-3: #a1b5b5;
  --color-4: #a8d6bf;
  --color-5: #cfdcb2;
}

SCSS

$color-1: #e72087;
$color-2: #ba7397;
$color-3: #a1b5b5;
$color-4: #a8d6bf;
$color-5: #cfdcb2;

TAILWIND

colors: {
  'brand-1': '#e72087',
  'brand-2': '#ba7397',
  'brand-3': '#a1b5b5',
  'brand-4': '#a8d6bf',
  'brand-5': '#cfdcb2',
}

RGB Array

[231, 32, 135], [186, 115, 151], [161, 181, 181], [168, 214, 191], [207, 220, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E72087, #BA7397, #A1B5B5, #A8D6BF, #CFDCB2 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: #e72087; --color-2: #ba7397; --color-3: #a1b5b5; --color-4: #a8d6bf; --color-5: #cfdcb2. 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