← Back to Editor

#7DEE72 · #F6EDE8 · #FE3792 · #332236 · #A196FB

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

#7DEE72

Emerald · LightGreen · Apple Green

HEX
#7DEE72
RGB
rgb(125, 238, 114)
HSL
hsl(115, 78%, 69%)
HSB
hsb(115, 52%, 93%)
CMYK
cmyk(47%, 0%, 52%, 7%)
Oklch
oklch(85.5% 0.193 142.0)

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

#F6EDE8

Apricot · Linen · Peach Orange

HEX
#F6EDE8
RGB
rgb(246, 237, 232)
HSL
hsl(21, 44%, 94%)
HSB
hsb(21, 6%, 96%)
CMYK
cmyk(0%, 4%, 6%, 4%)
Oklch
oklch(95.2% 0.012 51.3)

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

#FE3792

Rouge · DeepPink · Rose Pink

HEX
#FE3792
RGB
rgb(254, 55, 146)
HSL
hsl(333, 99%, 61%)
HSB
hsb(333, 78%, 100%)
CMYK
cmyk(0%, 78%, 43%, 0%)
Oklch
oklch(66.9% 0.240 358.8)

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

#332236

Dark Plum · DarkSlateGray · Dark Purple

HEX
#332236
RGB
rgb(51, 34, 54)
HSL
hsl(291, 23%, 17%)
HSB
hsb(291, 37%, 21%)
CMYK
cmyk(6%, 37%, 0%, 79%)
Oklch
oklch(28.1% 0.043 321.4)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#A196FB

Wisteria · LightSteelBlue · Cobalt Blue

HEX
#A196FB
RGB
rgb(161, 150, 251)
HSL
hsl(247, 93%, 79%)
HSB
hsb(247, 40%, 98%)
CMYK
cmyk(36%, 40%, 0%, 2%)
Oklch
oklch(72.4% 0.144 287.2)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7DEE72
E372EE

Analogous

BAEE72
7DEE72
72EEA6

Triadic

7DEE72
727DEE
EE727D

Split-Comp.

7DEE72
A672EE
EE72BA

Tetradic

7DEE72
72BAEE
E372EE
EEA672

Contrast Matrix WCAG 2.1 Contrast

7DEE72
F6EDE8
FE3792
332236
A196FB
—
1.3
Fail
2.3
Fail
10.1
AAA
1.7
Fail
1.3
Fail
—
2.9
Fail
12.8
AAA
2.2
Fail
2.3
Fail
2.9
Fail
—
4.3
AA Large
1.3
Fail
10.1
AAA
12.8
AAA
4.3
AA Large
—
5.8
AA
1.7
Fail
2.2
Fail
1.3
Fail
5.8
AA
—
White BG
1.5Fail
1.2Fail
3.4AA Large
14.8AAA
2.5Fail
Black BG
14.3AAA
18.2AAA
6.2AA
1.4Fail
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAF90
F2F2E9
A8A67C
2C2B31
9C9CE3

Deuteranopia

A79F97
F3F3E9
B3C277
2D2E30
9D9EDD

Tritanopia

83A8AD
F6EAEA
F46B67
322D2D
A0CFCB

Achromatopsia

BEBEBE
EFEFEF
7D7D7D
292929
A5A5A5

Shades & Tints Shades & Tints

#7DEE72

Dark
Light

#F6EDE8

Dark
Light

#FE3792

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7dee72;
  --color-2: #f6ede8;
  --color-3: #fe3792;
  --color-4: #332236;
  --color-5: #a196fb;
}

SCSS

$color-1: #7dee72;
$color-2: #f6ede8;
$color-3: #fe3792;
$color-4: #332236;
$color-5: #a196fb;

TAILWIND

colors: {
  'brand-1': '#7dee72',
  'brand-2': '#f6ede8',
  'brand-3': '#fe3792',
  'brand-4': '#332236',
  'brand-5': '#a196fb',
}

RGB Array

[125, 238, 114], [246, 237, 232], [254, 55, 146], [51, 34, 54], [161, 150, 251]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7DEE72, #F6EDE8, #FE3792, #332236, #A196FB 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: #7dee72; --color-2: #f6ede8; --color-3: #fe3792; --color-4: #332236; --color-5: #a196fb. 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