← Back to Editor

#F27FCC · #F69BD5 · #F9B6DE · #F4CADD · #EFDDDB

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

#F27FCC

Mauve · Orchid · Rose Pink

HEX
#F27FCC
RGB
rgb(242, 127, 204)
HSL
hsl(320, 82%, 72%)
HSB
hsb(320, 48%, 95%)
CMYK
cmyk(0%, 48%, 16%, 5%)
Oklch
oklch(74.8% 0.166 341.3)

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

#F69BD5

Mauve · LightPink · Cherry Blossom

HEX
#F69BD5
RGB
rgb(246, 155, 213)
HSL
hsl(322, 83%, 79%)
HSB
hsb(322, 37%, 96%)
CMYK
cmyk(0%, 37%, 13%, 4%)
Oklch
oklch(79.9% 0.130 341.7)

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

#F9B6DE

Mauve · Pink · Cherry Blossom

HEX
#F9B6DE
RGB
rgb(249, 182, 222)
HSL
hsl(324, 85%, 85%)
HSB
hsb(324, 27%, 98%)
CMYK
cmyk(0%, 27%, 11%, 2%)
Oklch
oklch(85.0% 0.092 342.7)

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

#F4CADD

Rouge · Pink · Cherry Blossom

HEX
#F4CADD
RGB
rgb(244, 202, 221)
HSL
hsl(333, 66%, 87%)
HSB
hsb(333, 17%, 96%)
CMYK
cmyk(0%, 17%, 9%, 4%)
Oklch
oklch(88.1% 0.053 349.3)

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

#EFDDDB

Peach Pink · Linen · Cherry Blossom

HEX
#EFDDDB
RGB
rgb(239, 221, 219)
HSL
hsl(6, 38%, 90%)
HSB
hsb(6, 8%, 94%)
CMYK
cmyk(0%, 8%, 8%, 6%)
Oklch
oklch(91.1% 0.020 25.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F27FCC
7DF2A4

Analogous

DF7DF2
F27FCC
F27D91

Triadic

F27FCC
CBF27D
7DCBF2

Split-Comp.

F27FCC
91F27D
7DF2DF

Tetradic

F27FCC
F2DF7D
7DF2A4
7D91F2

Contrast Matrix WCAG 2.1 Contrast

F27FCC
F69BD5
F9B6DE
F4CADD
EFDDDB
—
1.2
Fail
1.5
Fail
1.7
Fail
1.8
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.5
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
1.7
Fail
1.4
Fail
1.1
Fail
—
1.1
Fail
1.8
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
White BG
2.4Fail
2.0Fail
1.6Fail
1.5Fail
1.3Fail
Black BG
8.7AAA
10.6AAA
12.8AAA
14.3AAA
16.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0BFB9
CFCEC7
DCDBD4
E2E1D8
E7E7DB

Deuteranopia

C7CFB5
D4DBC4
E0E5D2
E4E7D7
E8EADC

Tritanopia

ECABA7
F1BCB9
F6CDCB
F2D5D4
EEDCDC

Achromatopsia

AAAAAA
BDBDBD
CFCFCF
D9D9D9
E2E2E2

Shades & Tints Shades & Tints

#F27FCC

Dark
Light

#F69BD5

Dark
Light

#F9B6DE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f27fcc;
  --color-2: #f69bd5;
  --color-3: #f9b6de;
  --color-4: #f4cadd;
  --color-5: #efdddb;
}

SCSS

$color-1: #f27fcc;
$color-2: #f69bd5;
$color-3: #f9b6de;
$color-4: #f4cadd;
$color-5: #efdddb;

TAILWIND

colors: {
  'brand-1': '#f27fcc',
  'brand-2': '#f69bd5',
  'brand-3': '#f9b6de',
  'brand-4': '#f4cadd',
  'brand-5': '#efdddb',
}

RGB Array

[242, 127, 204], [246, 155, 213], [249, 182, 222], [244, 202, 221], [239, 221, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F27FCC, #F69BD5, #F9B6DE, #F4CADD, #EFDDDB 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: #f27fcc; --color-2: #f69bd5; --color-3: #f9b6de; --color-4: #f4cadd; --color-5: #efdddb. 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