← Back to Editor

#4E2E76 · #3C95B3 · #C0FA96 · #DFF8BF · #F6F6DC

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#4E2E76

Deep Indigo · DarkSlateBlue · Eggplant

HEX
#4E2E76
RGB
rgb(78, 46, 118)
HSL
hsl(267, 44%, 32%)
HSB
hsb(267, 61%, 46%)
CMYK
cmyk(34%, 61%, 0%, 54%)
Oklch
oklch(37.8% 0.120 301.4)

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

#3C95B3

Slate Blue · SteelBlue · Mint Ice

HEX
#3C95B3
RGB
rgb(60, 149, 179)
HSL
hsl(195, 50%, 47%)
HSB
hsb(195, 66%, 70%)
CMYK
cmyk(66%, 17%, 0%, 30%)
Oklch
oklch(62.9% 0.095 223.8)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#C0FA96

Emerald · LightGreen · Apple Green

HEX
#C0FA96
RGB
rgb(192, 250, 150)
HSL
hsl(95, 91%, 78%)
HSB
hsb(95, 40%, 98%)
CMYK
cmyk(23%, 0%, 40%, 2%)
Oklch
oklch(92.3% 0.142 133.1)

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

#DFF8BF

Willow Green · Wheat · Mint Green

HEX
#DFF8BF
RGB
rgb(223, 248, 191)
HSL
hsl(86, 80%, 86%)
HSB
hsb(86, 23%, 97%)
CMYK
cmyk(10%, 0%, 23%, 3%)
Oklch
oklch(94.7% 0.079 127.1)

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

#F6F6DC

Fresh Green · Beige · Lemon Cream

HEX
#F6F6DC
RGB
rgb(246, 246, 220)
HSL
hsl(60, 59%, 91%)
HSB
hsb(60, 11%, 96%)
CMYK
cmyk(0%, 0%, 11%, 4%)
Oklch
oklch(96.6% 0.034 107.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4E2E76
55762E

Analogous

2E3176
4E2E76
722E76

Triadic

4E2E76
764E2E
2E764E

Split-Comp.

4E2E76
76722E
31762E

Tetradic

4E2E76
762E31
55762E
2E7672

Contrast Matrix WCAG 2.1 Contrast

4E2E76
3C95B3
C0FA96
DFF8BF
F6F6DC
—
3.1
AA Large
8.8
AAA
9.3
AAA
9.7
AAA
3.1
AA Large
—
2.8
Fail
3.0
Fail
3.1
AA Large
8.8
AAA
2.8
Fail
—
1.1
Fail
1.1
Fail
9.3
AAA
3.0
Fail
1.1
Fail
—
1.0
Fail
9.7
AAA
3.1
AA Large
1.1
Fail
1.0
Fail
—
White BG
10.6AAA
3.4AA Large
1.2Fail
1.1Fail
1.1Fail
Black BG
2.0Fail
6.1AA
17.4AAA
18.3AAA
19.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

404065
6363AC
D9DAAE
EAEACD
F6F6E2

Deuteranopia

424460
5D57AA
D6D1B4
E8E7D0
F6F6E4

Tritanopia

4C5754
40A6A5
C3C1C6
E0D8DA
F6E7E8

Achromatopsia

404040
7E7E7E
DDDDDD
EAEAEA
F3F3F3

Shades & Tints Shades & Tints

#4E2E76

Dark
Light

#3C95B3

Dark
Light

#C0FA96

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4e2e76;
  --color-2: #3c95b3;
  --color-3: #c0fa96;
  --color-4: #dff8bf;
  --color-5: #f6f6dc;
}

SCSS

$color-1: #4e2e76;
$color-2: #3c95b3;
$color-3: #c0fa96;
$color-4: #dff8bf;
$color-5: #f6f6dc;

TAILWIND

colors: {
  'brand-1': '#4e2e76',
  'brand-2': '#3c95b3',
  'brand-3': '#c0fa96',
  'brand-4': '#dff8bf',
  'brand-5': '#f6f6dc',
}

RGB Array

[78, 46, 118], [60, 149, 179], [192, 250, 150], [223, 248, 191], [246, 246, 220]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4E2E76, #3C95B3, #C0FA96, #DFF8BF, #F6F6DC is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #4e2e76; --color-2: #3c95b3; --color-3: #c0fa96; --color-4: #dff8bf; --color-5: #f6f6dc. 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. 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