← Back to Editor

#E3FFD6 · #7FB68A · #B85B61 · #E4646D · #F19999

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

#E3FFD6

Emerald · Beige · Mint Green

HEX
#E3FFD6
RGB
rgb(227, 255, 214)
HSL
hsl(101, 100%, 92%)
HSB
hsb(101, 16%, 100%)
CMYK
cmyk(11%, 0%, 16%, 0%)
Oklch
oklch(96.9% 0.061 135.7)

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

#7FB68A

Celadon · DarkSeaGreen · Apple Green

HEX
#7FB68A
RGB
rgb(127, 182, 138)
HSL
hsl(132, 27%, 61%)
HSB
hsb(132, 30%, 71%)
CMYK
cmyk(30%, 0%, 24%, 29%)
Oklch
oklch(72.6% 0.086 150.1)

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

#B85B61

Crimson · Sienna · Passion Red

HEX
#B85B61
RGB
rgb(184, 91, 97)
HSL
hsl(356, 40%, 54%)
HSB
hsb(356, 51%, 72%)
CMYK
cmyk(0%, 51%, 47%, 28%)
Oklch
oklch(58.5% 0.120 17.5)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#E4646D

Peach Pink · LightCoral · Coral Red

HEX
#E4646D
RGB
rgb(228, 100, 109)
HSL
hsl(356, 70%, 64%)
HSB
hsb(356, 56%, 89%)
CMYK
cmyk(0%, 56%, 52%, 11%)
Oklch
oklch(66.4% 0.159 18.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F19999

Peach Pink · DarkSalmon · Coral Red

HEX
#F19999
RGB
rgb(241, 153, 153)
HSL
hsl(0, 76%, 77%)
HSB
hsb(0, 37%, 95%)
CMYK
cmyk(0%, 37%, 37%, 5%)
Oklch
oklch(77.2% 0.106 19.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3FFD6
F2D6FF

Analogous

F8FFD6
E3FFD6
D6FFDE

Triadic

E3FFD6
D6E3FF
FFD6E3

Split-Comp.

E3FFD6
DED6FF
FFD6F8

Tetradic

E3FFD6
D6F8FF
F2D6FF
FFDED6

Contrast Matrix WCAG 2.1 Contrast

E3FFD6
7FB68A
B85B61
E4646D
F19999
—
2.2
Fail
4.2
AA Large
3.1
AA Large
2.0
Fail
2.2
Fail
—
1.9
Fail
1.4
Fail
1.1
Fail
4.2
AA Large
1.9
Fail
—
1.3
Fail
2.1
Fail
3.1
AA Large
1.4
Fail
1.3
Fail
—
1.5
Fail
2.0
Fail
1.1
Fail
2.1
Fail
1.5
Fail
—
White BG
1.1Fail
2.3Fail
4.5AA Large
3.3AA Large
2.2Fail
Black BG
19.5AAA
9.0AAA
4.7AA
6.3AA
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFE0
979795
908F60
ADAB6B
CBCA99

Deuteranopia

EEEBE2
949097
959C5F
B4BE6A
D0D799

Tritanopia

E4E8E9
829D9F
B35E5E
DE6969
ED9999

Achromatopsia

F2F2F2
A1A1A1
777777
8B8B8B
B3B3B3

Shades & Tints Shades & Tints

#E3FFD6

Dark
Light

#7FB68A

Dark
Light

#B85B61

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3ffd6;
  --color-2: #7fb68a;
  --color-3: #b85b61;
  --color-4: #e4646d;
  --color-5: #f19999;
}

SCSS

$color-1: #e3ffd6;
$color-2: #7fb68a;
$color-3: #b85b61;
$color-4: #e4646d;
$color-5: #f19999;

TAILWIND

colors: {
  'brand-1': '#e3ffd6',
  'brand-2': '#7fb68a',
  'brand-3': '#b85b61',
  'brand-4': '#e4646d',
  'brand-5': '#f19999',
}

RGB Array

[227, 255, 214], [127, 182, 138], [184, 91, 97], [228, 100, 109], [241, 153, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E3FFD6, #7FB68A, #B85B61, #E4646D, #F19999 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: #e3ffd6; --color-2: #7fb68a; --color-3: #b85b61; --color-4: #e4646d; --color-5: #f19999. 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