← Back to Editor

#E2F4C9 · #38EDB7 · #6DB4D6 · #7F6DD6 · #830487

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

#E2F4C9

Willow Green · Beige · Mint Green

HEX
#E2F4C9
RGB
rgb(226, 244, 201)
HSL
hsl(85, 66%, 87%)
HSB
hsb(85, 18%, 96%)
CMYK
cmyk(7%, 0%, 18%, 4%)
Oklch
oklch(94.3% 0.060 126.0)

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

#38EDB7

Mineral Blue · Turquoise · Lake Green

HEX
#38EDB7
RGB
rgb(56, 237, 183)
HSL
hsl(162, 83%, 57%)
HSB
hsb(162, 76%, 93%)
CMYK
cmyk(76%, 0%, 23%, 7%)
Oklch
oklch(84.6% 0.160 167.5)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#6DB4D6

Sky Blue · CornflowerBlue · Lake Green

HEX
#6DB4D6
RGB
rgb(109, 180, 214)
HSL
hsl(199, 56%, 63%)
HSB
hsb(199, 49%, 84%)
CMYK
cmyk(49%, 16%, 0%, 16%)
Oklch
oklch(73.6% 0.087 230.3)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#7F6DD6

Wisteria · MediumSlateBlue · Cobalt Blue

HEX
#7F6DD6
RGB
rgb(127, 109, 214)
HSL
hsl(250, 56%, 63%)
HSB
hsb(250, 49%, 84%)
CMYK
cmyk(41%, 49%, 0%, 16%)
Oklch
oklch(60.1% 0.155 288.7)

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

#830487

Royal Purple · Purple · Eggplant

HEX
#830487
RGB
rgb(131, 4, 135)
HSL
hsl(298, 94%, 27%)
HSB
hsb(298, 97%, 53%)
CMYK
cmyk(3%, 97%, 0%, 47%)
Oklch
oklch(43.2% 0.198 326.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2F4C9
DAC8F4

Analogous

F4F0C8
E2F4C9
CCF4C8

Triadic

E2F4C9
C8E1F4
F4C8E1

Split-Comp.

E2F4C9
C8CCF4
F0C8F4

Tetradic

E2F4C9
C8F4F0
DAC8F4
F4C8CC

Contrast Matrix WCAG 2.1 Contrast

E2F4C9
38EDB7
6DB4D6
7F6DD6
830487
—
1.3
Fail
2.0
Fail
3.6
AA Large
7.7
AAA
1.3
Fail
—
1.5
Fail
2.8
Fail
6.0
AA
2.0
Fail
1.5
Fail
—
1.8
Fail
3.9
AA Large
3.6
AA Large
2.8
Fail
1.8
Fail
—
2.2
Fail
7.7
AAA
6.0
AA
3.9
AA Large
2.2
Fail
—
White BG
1.2Fail
1.5Fail
2.3Fail
4.1AA Large
9.0AAA
Black BG
18.0AAA
14.0AAA
9.1AAA
5.1AA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEAD3
8688C4
8C8CCE
7777BD
4C4B67

Deuteranopia

E9E7D6
7C6EC7
8882CC
787AB6
535D60

Tritanopia

E3DCDD
41CED1
71C7C6
7EA9A4
7D4E49

Achromatopsia

EAEAEA
B1B1B1
A3A3A3
7E7E7E
393939

Shades & Tints Shades & Tints

#E2F4C9

Dark
Light

#38EDB7

Dark
Light

#6DB4D6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2f4c9;
  --color-2: #38edb7;
  --color-3: #6db4d6;
  --color-4: #7f6dd6;
  --color-5: #830487;
}

SCSS

$color-1: #e2f4c9;
$color-2: #38edb7;
$color-3: #6db4d6;
$color-4: #7f6dd6;
$color-5: #830487;

TAILWIND

colors: {
  'brand-1': '#e2f4c9',
  'brand-2': '#38edb7',
  'brand-3': '#6db4d6',
  'brand-4': '#7f6dd6',
  'brand-5': '#830487',
}

RGB Array

[226, 244, 201], [56, 237, 183], [109, 180, 214], [127, 109, 214], [131, 4, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E2F4C9, #38EDB7, #6DB4D6, #7F6DD6, #830487 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: #e2f4c9; --color-2: #38edb7; --color-3: #6db4d6; --color-4: #7f6dd6; --color-5: #830487. 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