← Back to Editor

#FF4CBF · #FD80B4 · #EFB4A9 · #E1E79E · #D3FF93

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

#FF4CBF

Mauve · Orchid · Rose Pink

HEX
#FF4CBF
RGB
rgb(255, 76, 191)
HSL
hsl(321, 100%, 65%)
HSB
hsb(321, 70%, 100%)
CMYK
cmyk(0%, 70%, 25%, 0%)
Oklch
oklch(70.3% 0.240 345.6)

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

#FD80B4

Rouge · Orchid · Rose Pink

HEX
#FD80B4
RGB
rgb(253, 128, 180)
HSL
hsl(335, 97%, 75%)
HSB
hsb(335, 49%, 99%)
CMYK
cmyk(0%, 49%, 29%, 1%)
Oklch
oklch(75.5% 0.161 355.4)

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

#EFB4A9

Peach Pink · LightPink · Coral Red

HEX
#EFB4A9
RGB
rgb(239, 180, 169)
HSL
hsl(9, 69%, 80%)
HSB
hsb(9, 29%, 94%)
CMYK
cmyk(0%, 25%, 29%, 6%)
Oklch
oklch(82.1% 0.071 30.6)

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

#E1E79E

Fresh Green · Khaki · Lemon Cream

HEX
#E1E79E
RGB
rgb(225, 231, 158)
HSL
hsl(65, 60%, 76%)
HSB
hsb(65, 32%, 91%)
CMYK
cmyk(3%, 0%, 32%, 9%)
Oklch
oklch(90.6% 0.094 112.1)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#D3FF93

Willow Green · Khaki · Apple Green

HEX
#D3FF93
RGB
rgb(211, 255, 147)
HSL
hsl(84, 100%, 79%)
HSB
hsb(84, 42%, 100%)
CMYK
cmyk(17%, 0%, 42%, 0%)
Oklch
oklch(94.5% 0.143 127.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF4CBF
4DFF8B

Analogous

E44DFF
FF4CBF
FF4D67

Triadic

FF4CBF
C1FF4D
4DC1FF

Split-Comp.

FF4CBF
67FF4D
4DFFE4

Tetradic

FF4CBF
FFE44D
4DFF8B
4D67FF

Contrast Matrix WCAG 2.1 Contrast

FF4CBF
FD80B4
EFB4A9
E1E79E
D3FF93
—
1.3
Fail
1.7
Fail
2.3
Fail
2.6
Fail
1.3
Fail
—
1.3
Fail
1.8
Fail
2.1
Fail
1.7
Fail
1.3
Fail
—
1.4
Fail
1.6
Fail
2.3
Fail
1.8
Fail
1.4
Fail
—
1.1
Fail
2.6
Fail
2.1
Fail
1.6
Fail
1.1
Fail
—
White BG
3.0Fail
2.4Fail
1.8Fail
1.3Fail
1.1Fail
Black BG
7.0AAA
8.9AAA
11.8AAA
16.1AAA
18.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1B0A3
C7C6A7
D5D5AC
E4E4B0
E6E6AD

Deuteranopia

BCC99D
CED8A4
D9DDAC
E3E3B4
E4E0B3

Tritanopia

F68D88
F79D9B
ECAEAE
E1BEC1
D5C2C6

Achromatopsia

8F8F8F
ABABAB
C4C4C4
DDDDDD
E6E6E6

Shades & Tints Shades & Tints

#FF4CBF

Dark
Light

#FD80B4

Dark
Light

#EFB4A9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff4cbf;
  --color-2: #fd80b4;
  --color-3: #efb4a9;
  --color-4: #e1e79e;
  --color-5: #d3ff93;
}

SCSS

$color-1: #ff4cbf;
$color-2: #fd80b4;
$color-3: #efb4a9;
$color-4: #e1e79e;
$color-5: #d3ff93;

TAILWIND

colors: {
  'brand-1': '#ff4cbf',
  'brand-2': '#fd80b4',
  'brand-3': '#efb4a9',
  'brand-4': '#e1e79e',
  'brand-5': '#d3ff93',
}

RGB Array

[255, 76, 191], [253, 128, 180], [239, 180, 169], [225, 231, 158], [211, 255, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF4CBF, #FD80B4, #EFB4A9, #E1E79E, #D3FF93 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: #ff4cbf; --color-2: #fd80b4; --color-3: #efb4a9; --color-4: #e1e79e; --color-5: #d3ff93. 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