← Back to Editor

#FF4E6E · #FF7E9D · #FA9CAE · #E6C6C7 · #DCEEC8

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FF4E6E

Peach Pink · Tomato · Coral Red

HEX
#FF4E6E
RGB
rgb(255, 78, 110)
HSL
hsl(349, 100%, 65%)
HSB
hsb(349, 69%, 100%)
CMYK
cmyk(0%, 69%, 57%, 0%)
Oklch
oklch(68.0% 0.212 14.5)

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

#FF7E9D

Peach Pink · LightCoral · Coral Red

HEX
#FF7E9D
RGB
rgb(255, 126, 157)
HSL
hsl(346, 100%, 75%)
HSB
hsb(346, 51%, 100%)
CMYK
cmyk(0%, 51%, 38%, 0%)
Oklch
oklch(74.9% 0.159 6.5)

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

#FA9CAE

Peach Pink · LightPink · Coral Red

HEX
#FA9CAE
RGB
rgb(250, 156, 174)
HSL
hsl(349, 90%, 80%)
HSB
hsb(349, 38%, 98%)
CMYK
cmyk(0%, 38%, 30%, 2%)
Oklch
oklch(79.3% 0.114 7.6)

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

#E6C6C7

Peach Pink · LightGray · Cherry Blossom

HEX
#E6C6C7
RGB
rgb(230, 198, 199)
HSL
hsl(358, 39%, 84%)
HSB
hsb(358, 14%, 90%)
CMYK
cmyk(0%, 14%, 13%, 10%)
Oklch
oklch(85.4% 0.036 15.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#DCEEC8

Willow Green · LightGray · Mint Green

HEX
#DCEEC8
RGB
rgb(220, 238, 200)
HSL
hsl(88, 53%, 86%)
HSB
hsb(88, 16%, 93%)
CMYK
cmyk(8%, 0%, 16%, 7%)
Oklch
oklch(92.6% 0.054 128.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF4E6E
4DFFDE

Analogous

FF4DC6
FF4E6E
FF854D

Triadic

FF4E6E
6DFF4D
4D6DFF

Split-Comp.

FF4E6E
4DFF85
4DC6FF

Tetradic

FF4E6E
C6FF4D
4DFFDE
854DFF

Contrast Matrix WCAG 2.1 Contrast

FF4E6E
FF7E9D
FA9CAE
E6C6C7
DCEEC8
—
1.3
Fail
1.6
Fail
2.0
Fail
2.6
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
2.0
Fail
1.6
Fail
1.2
Fail
—
1.3
Fail
1.6
Fail
2.0
Fail
1.5
Fail
1.3
Fail
—
1.3
Fail
2.6
Fail
2.0
Fail
1.6
Fail
1.3
Fail
—
White BG
3.2AA Large
2.4Fail
2.0Fail
1.6Fail
1.2Fail
Black BG
6.6AA
8.7AAA
10.4AAA
13.3AAA
17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B166
C7C695
D1D0AA
D8D8C7
E4E4D1

Deuteranopia

BDCA64
CFD894
D7DEA9
DADCC7
E3E1D3

Tritanopia

F6605F
F9908E
F5A6A5
E4C7C7
DDD8DA

Achromatopsia

878787
A8A8A8
BABABA
D0D0D0
E4E4E4

Shades & Tints Shades & Tints

#FF4E6E

Dark
Light

#FF7E9D

Dark
Light

#FA9CAE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff4e6e;
  --color-2: #ff7e9d;
  --color-3: #fa9cae;
  --color-4: #e6c6c7;
  --color-5: #dceec8;
}

SCSS

$color-1: #ff4e6e;
$color-2: #ff7e9d;
$color-3: #fa9cae;
$color-4: #e6c6c7;
$color-5: #dceec8;

TAILWIND

colors: {
  'brand-1': '#ff4e6e',
  'brand-2': '#ff7e9d',
  'brand-3': '#fa9cae',
  'brand-4': '#e6c6c7',
  'brand-5': '#dceec8',
}

RGB Array

[255, 78, 110], [255, 126, 157], [250, 156, 174], [230, 198, 199], [220, 238, 200]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF4E6E, #FF7E9D, #FA9CAE, #E6C6C7, #DCEEC8 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ff4e6e; --color-2: #ff7e9d; --color-3: #fa9cae; --color-4: #e6c6c7; --color-5: #dceec8. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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