← Back to Editor

#F4D7CA · #F0B0EB · #B42BC7 · #740779 · #2E0B66

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#F4D7CA

Apricot · Bisque · Peach Orange

HEX
#F4D7CA
RGB
rgb(244, 215, 202)
HSL
hsl(19, 66%, 87%)
HSB
hsb(19, 17%, 96%)
CMYK
cmyk(0%, 12%, 17%, 4%)
Oklch
oklch(90.0% 0.037 45.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F0B0EB

Mauve · Pink · Lavender

HEX
#F0B0EB
RGB
rgb(240, 176, 235)
HSL
hsl(305, 68%, 82%)
HSB
hsb(305, 27%, 94%)
CMYK
cmyk(0%, 27%, 2%, 6%)
Oklch
oklch(83.5% 0.106 329.1)

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

#B42BC7

Royal Purple · DarkOrchid · Violet

HEX
#B42BC7
RGB
rgb(180, 43, 199)
HSL
hsl(293, 64%, 47%)
HSB
hsb(293, 78%, 78%)
CMYK
cmyk(10%, 78%, 0%, 22%)
Oklch
oklch(56.9% 0.239 322.4)

Traditional「Royal Purple」· Paint「Violet」· Creative Blush Sunrise

#740779

Royal Purple · Purple · Eggplant

HEX
#740779
RGB
rgb(116, 7, 121)
HSL
hsl(297, 89%, 25%)
HSB
hsb(297, 94%, 47%)
CMYK
cmyk(4%, 94%, 0%, 53%)
Oklch
oklch(39.9% 0.180 326.1)

Traditional「Royal Purple」· Paint「Eggplant」· Creative Blush Sunrise

#2E0B66

Deep Indigo · MidnightBlue · Eggplant

HEX
#2E0B66
RGB
rgb(46, 11, 102)
HSL
hsl(263, 81%, 22%)
HSB
hsb(263, 89%, 40%)
CMYK
cmyk(55%, 89%, 0%, 60%)
Oklch
oklch(27.9% 0.141 291.5)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F4D7CA
C8E6F4

Analogous

F4C8D0
F4D7CA
F4ECC8

Triadic

F4D7CA
C8F4D6
D6C8F4

Split-Comp.

F4D7CA
C8F4EC
C8D0F4

Tetradic

F4D7CA
D0F4C8
C8E6F4
ECC8F4

Contrast Matrix WCAG 2.1 Contrast

F4D7CA
F0B0EB
B42BC7
740779
2E0B66
—
1.3
Fail
3.8
AA Large
7.5
AAA
11.4
AAA
1.3
Fail
—
2.9
Fail
5.9
AA
8.9
AAA
3.8
AA Large
2.9
Fail
—
2.0
Fail
3.0
AA Large
7.5
AAA
5.9
AA
2.0
Fail
—
1.5
Fail
11.4
AAA
8.9
AAA
3.0
AA Large
1.5
Fail
—
White BG
1.4Fail
1.7Fail
5.1AA
10.2AAA
15.5AAA
Black BG
15.4AAA
12.1AAA
4.1AA Large
2.0Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7CD
D4D4DD
7977A1
45445D
1F1F50

Deuteranopia

E9EBCE
D8DDD9
818B98
4B5357
21234B

Tritanopia

F3D0D0
EDD1CF
AD837D
6F4843
2C3F3B

Achromatopsia

DEDEDE
CACACA
666666
353535
202020

Shades & Tints Shades & Tints

#F4D7CA

Dark
Light

#F0B0EB

Dark
Light

#B42BC7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f4d7ca;
  --color-2: #f0b0eb;
  --color-3: #b42bc7;
  --color-4: #740779;
  --color-5: #2e0b66;
}

SCSS

$color-1: #f4d7ca;
$color-2: #f0b0eb;
$color-3: #b42bc7;
$color-4: #740779;
$color-5: #2e0b66;

TAILWIND

colors: {
  'brand-1': '#f4d7ca',
  'brand-2': '#f0b0eb',
  'brand-3': '#b42bc7',
  'brand-4': '#740779',
  'brand-5': '#2e0b66',
}

RGB Array

[244, 215, 202], [240, 176, 235], [180, 43, 199], [116, 7, 121], [46, 11, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F4D7CA, #F0B0EB, #B42BC7, #740779, #2E0B66 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #f4d7ca; --color-2: #f0b0eb; --color-3: #b42bc7; --color-4: #740779; --color-5: #2e0b66. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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