#EC5C7F + #C27698 + #BFA499 + #DAE3BE + #B1D9AC - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EC5C7F

Peach Pink · LightCoral · Coral Red

HEX

#EC5C7F

RGB

rgb(236, 92, 127)

HSL

hsl(345, 79%, 64%)

HSB

hsb(345, 61%, 93%)

CMYK

cmyk(0%, 61%, 46%, 7%)

Oklch

oklch(66.9% 0.179 8.4)

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

#C27698

Rouge · LightCoral · Rose Pink

HEX

#C27698

RGB

rgb(194, 118, 152)

HSL

hsl(333, 38%, 61%)

HSB

hsb(333, 39%, 76%)

CMYK

cmyk(0%, 39%, 22%, 24%)

Oklch

oklch(65.7% 0.104 352.0)

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

#BFA499

Apricot · DarkGray · Warm Sun

HEX

#BFA499

RGB

rgb(191, 164, 153)

HSL

hsl(17, 23%, 67%)

HSB

hsb(17, 20%, 75%)

CMYK

cmyk(0%, 14%, 20%, 25%)

Oklch

oklch(73.9% 0.036 43.4)

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

#DAE3BE

Willow Green · LightGray · Mint Green

HEX

#DAE3BE

RGB

rgb(218, 227, 190)

HSL

hsl(75, 40%, 82%)

HSB

hsb(75, 16%, 89%)

CMYK

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

Oklch

oklch(89.9% 0.050 118.5)

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

#B1D9AC

Celadon · Silver · Apple Green

HEX

#B1D9AC

RGB

rgb(177, 217, 172)

HSL

hsl(113, 37%, 76%)

HSB

hsb(113, 21%, 85%)

CMYK

cmyk(18%, 0%, 21%, 15%)

Oklch

oklch(84.5% 0.075 142.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EC5C7F

5BECC7

Analogous

EC5BC7

EC5C7F

EC7F5B

Triadic

EC5C7F

7FEC5B

5B7FEC

Split-Comp.

EC5C7F

5BEC7F

5BC7EC

Tetradic

EC5C7F

C7EC5B

5BECC7

7F5BEC

Contrast Matrix WCAG 2.1 Contrast

EC5C7F	C27698	BFA499	DAE3BE	B1D9AC
—	1.0 Fail	1.4 Fail	2.5 Fail	2.1 Fail
1.0 Fail	—	1.4 Fail	2.5 Fail	2.1 Fail
1.4 Fail	1.4 Fail	—	1.7 Fail	1.5 Fail
2.5 Fail	2.5 Fail	1.7 Fail	—	1.2 Fail
2.1 Fail	2.1 Fail	1.5 Fail	1.2 Fail	—

White BG

3.3AA Large

2.3Fail

1.3Fail

1.6Fail

Black BG

6.4AA

6.3AA

9.0AAA

15.7AAA

13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAC77

A1A090

B3B39C

DEDEC7

C2C3B7

Deuteranopia

B6C174

A6AB8E

B5B79C

DDDDC9

C0BDBA

Tritanopia

E5706E

BE8988

BE9E9E

DACED0

B3BFC1

Achromatopsia

8B8B8B

919191

ABABAB

DCDCDC

C8C8C8

Shades & Tints Shades & Tints

#EC5C7F

Dark

Light

#C27698

Dark

Light

#BFA499

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ec5c7f;
  --color-2: #c27698;
  --color-3: #bfa499;
  --color-4: #dae3be;
  --color-5: #b1d9ac;
}

SCSS

$color-1: #ec5c7f;
$color-2: #c27698;
$color-3: #bfa499;
$color-4: #dae3be;
$color-5: #b1d9ac;

TAILWIND

colors: {
  'brand-1': '#ec5c7f',
  'brand-2': '#c27698',
  'brand-3': '#bfa499',
  'brand-4': '#dae3be',
  'brand-5': '#b1d9ac',
}

RGB Array

[236, 92, 127], [194, 118, 152], [191, 164, 153], [218, 227, 190], [177, 217, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EC5C7F, #C27698, #BFA499, #DAE3BE, #B1D9AC 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: #ec5c7f; --color-2: #c27698; --color-3: #bfa499; --color-4: #dae3be; --color-5: #b1d9ac. 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