← Back to Editor

#EE3D4D · #F27557 · #EEBA66 · #E7EEA8 · #89AC8B

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

#EE3D4D

Vermilion · Tomato · Passion Red

HEX
#EE3D4D
RGB
rgb(238, 61, 77)
HSL
hsl(355, 84%, 59%)
HSB
hsb(355, 74%, 93%)
CMYK
cmyk(0%, 74%, 68%, 7%)
Oklch
oklch(63.0% 0.212 21.2)

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

#F27557

Peach Pink · Coral · Coral Red

HEX
#F27557
RGB
rgb(242, 117, 87)
HSL
hsl(12, 86%, 65%)
HSB
hsb(12, 64%, 95%)
CMYK
cmyk(0%, 52%, 64%, 5%)
Oklch
oklch(70.3% 0.161 34.7)

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

#EEBA66

Ginger · SandyBrown · Warm Sun

HEX
#EEBA66
RGB
rgb(238, 186, 102)
HSL
hsl(37, 80%, 67%)
HSB
hsb(37, 57%, 93%)
CMYK
cmyk(0%, 22%, 57%, 7%)
Oklch
oklch(81.9% 0.118 77.9)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#E7EEA8

Fresh Green · Wheat · Lemon Cream

HEX
#E7EEA8
RGB
rgb(231, 238, 168)
HSL
hsl(66, 67%, 80%)
HSB
hsb(66, 29%, 93%)
CMYK
cmyk(3%, 0%, 29%, 7%)
Oklch
oklch(92.7% 0.090 112.8)

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

#89AC8B

Celadon · DarkSeaGreen · Apple Green

HEX
#89AC8B
RGB
rgb(137, 172, 139)
HSL
hsl(123, 17%, 61%)
HSB
hsb(123, 20%, 67%)
CMYK
cmyk(20%, 0%, 19%, 33%)
Oklch
oklch(70.9% 0.061 146.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EE3D4D
3FEEE0

Analogous

EE3FA5
EE3D4D
EE883F

Triadic

EE3D4D
4DEE3F
3F4DEE

Split-Comp.

EE3D4D
3FEE88
3FA5EE

Tetradic

EE3D4D
A5EE3F
3FEEE0
883FEE

Contrast Matrix WCAG 2.1 Contrast

EE3D4D
F27557
EEBA66
E7EEA8
89AC8B
—
1.4
Fail
2.2
Fail
3.2
AA Large
1.5
Fail
1.4
Fail
—
1.6
Fail
2.3
Fail
1.1
Fail
2.2
Fail
1.6
Fail
—
1.5
Fail
1.4
Fail
3.2
AA Large
2.3
Fail
1.5
Fail
—
2.1
Fail
1.5
Fail
1.1
Fail
1.4
Fail
2.1
Fail
—
White BG
3.9AA Large
2.8Fail
1.8Fail
1.2Fail
2.5Fail
Black BG
5.4AA
7.5AAA
11.9AAA
17.2AAA
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A049
BCBB5E
D7D77A
EAEAB9
989893

Deuteranopia

ACB948
C3CC60
DBDE7F
EAE9BD
969495

Tritanopia

E54645
EC6465
EB8A8E
E7C6C9
8B999B

Achromatopsia

747474
979797
C0C0C0
E4E4E4
9E9E9E

Shades & Tints Shades & Tints

#EE3D4D

Dark
Light

#F27557

Dark
Light

#EEBA66

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ee3d4d;
  --color-2: #f27557;
  --color-3: #eeba66;
  --color-4: #e7eea8;
  --color-5: #89ac8b;
}

SCSS

$color-1: #ee3d4d;
$color-2: #f27557;
$color-3: #eeba66;
$color-4: #e7eea8;
$color-5: #89ac8b;

TAILWIND

colors: {
  'brand-1': '#ee3d4d',
  'brand-2': '#f27557',
  'brand-3': '#eeba66',
  'brand-4': '#e7eea8',
  'brand-5': '#89ac8b',
}

RGB Array

[238, 61, 77], [242, 117, 87], [238, 186, 102], [231, 238, 168], [137, 172, 139]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EE3D4D, #F27557, #EEBA66, #E7EEA8, #89AC8B 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: #ee3d4d; --color-2: #f27557; --color-3: #eeba66; --color-4: #e7eea8; --color-5: #89ac8b. 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